43 lines
1.6 KiB
CSS
43 lines
1.6 KiB
CSS
:root {
|
|
/* Surfaces - soft graphite layers for comfortable long-form reading */
|
|
--background: oklch(0.24 0.008 255);
|
|
--foreground: oklch(0.9 0.006 255);
|
|
|
|
--card: oklch(0.275 0.009 255);
|
|
--card-foreground: oklch(0.9 0.006 255);
|
|
|
|
/* Popovers float above cards without becoming high-glare panels */
|
|
--popover: oklch(0.32 0.01 255);
|
|
--popover-foreground: oklch(0.92 0.006 255);
|
|
|
|
/* Primary - readable blue for selected items, links, and focused controls */
|
|
--primary: oklch(0.62 0.11 250);
|
|
--primary-foreground: oklch(0.98 0.004 255);
|
|
|
|
/* Secondary - elevated surface for secondary buttons */
|
|
--secondary: oklch(0.33 0.011 255);
|
|
--secondary-foreground: oklch(0.88 0.006 255);
|
|
|
|
/* Muted - inline backgrounds for code, skeletons, metadata, and panels */
|
|
--muted: oklch(0.35 0.011 255);
|
|
--muted-foreground: oklch(0.72 0.007 255);
|
|
|
|
/* Accent - hover states with a little more color than muted surfaces */
|
|
--accent: oklch(0.39 0.018 250);
|
|
--accent-foreground: oklch(0.94 0.006 255);
|
|
|
|
/* Destructive - visible on dark surfaces without overpowering the palette */
|
|
--destructive: oklch(0.64 0.18 24);
|
|
--destructive-foreground: oklch(0.98 0.004 255);
|
|
|
|
/* Borders - --border for layout dividers, --input for form field borders */
|
|
--border: oklch(0.38 0.01 255);
|
|
--input: oklch(0.42 0.011 255);
|
|
--ring: oklch(0.58 0.095 250);
|
|
|
|
/* Sidebar - anchored but no longer near-black */
|
|
--sidebar: oklch(0.21 0.009 255);
|
|
--sidebar-foreground: oklch(0.76 0.007 255);
|
|
--sidebar-accent: oklch(0.31 0.015 250);
|
|
--sidebar-accent-foreground: oklch(0.9 0.006 255);
|
|
}
|