:root {
	/* Minimalist Color Palette */
	--accent: #2563eb; /* Clean blue */
	--accent-light: #3b82f6; /* Lighter blue */
	--accent-dark: #1d4ed8; /* Darker blue */

	--background: #ffffff;
	--surface: #fafafa; /* Subtle surface */
	--surface-raised: #f5f5f5; /* Minimal elevation */

	--primary: #171717; /* Near black for text */
	--secondary: #525252; /* Medium gray */
	--muted: #737373; /* Muted gray */
	--border: #e5e5e5; /* Subtle border */

	--success: #16a34a;
	--warning: #ea580c;
	--error: #dc2626;

	/* Legacy mappings for compatibility */
	--lightAccent: #dbeafe; /* Light blue */
	--lighterAccent: #eff6ff; /* Very light blue */
	--dark: var(--secondary);
	--darker: var(--primary);
	--slate: var(--secondary);

	--white: #ffffff;
	--black: var(--primary);

	--ink: var(--primary);
	--paper: var(--background);

	/* Clean Typography */
	--accentFont: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	--primaryFont: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	--codeFont: 'SF Mono', Monaco, 'Cascadia Code', 'Consolas', monospace;

	/* Spacious Spacing Scale */
	--space-xs: 0.25rem;
	--space-sm: 0.5rem;
	--space-md: 1rem;
	--space-lg: 1.75rem;
	--space-xl: 2.5rem;
	--space-2xl: 3.5rem;
	--space-3xl: 5rem;

	/* Minimal Border Radius */
	--radius-sm: 0.25rem;
	--radius-md: 0.375rem;
	--radius-lg: 0.5rem;
	--radius-xl: 0.75rem;

	/* Subtle Shadows */
	--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.04);
	--shadow-md: 0 2px 4px -1px rgb(0 0 0 / 0.06), 0 1px 2px -1px rgb(0 0 0 / 0.04);
	--shadow-lg: 0 4px 6px -2px rgb(0 0 0 / 0.08), 0 2px 4px -2px rgb(0 0 0 / 0.04);
	--shadow-xl: 0 8px 12px -4px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.06);
}