/* Generated from @musito/brand/tokens.css by build.mjs - do not edit. */
/* musito — Strata identity tokens
 * Drop-in replacement for the :root / .dark blocks in frontend/src/index.css.
 * Keeps every shadcn/Tailwind v4 variable name your app already consumes —
 * only the values change. oklch is canonical; hex in docs/brand is approximate.
 *
 * Palette: deep teal #15323B · teal #3E8496 · mint #74C0B0
 *          sand #DDAC7C · clay #BC7159 · slate #5B686C · chalk #F0F5F4
 */

:root {
  /* wordmark + headings: Space Grotesk. Body: Geist (already installed). */
  --font-heading: 'Space Grotesk Variable', var(--font-sans);
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* brand scale, available as bg-brand-700 etc. */
  --color-brand-900: oklch(0.20 0.035 215);
  --color-brand-800: oklch(0.26 0.04 215);
  --color-brand-600: oklch(0.42 0.07 200);
  --color-brand-500: oklch(0.55 0.10 195);
  --color-brand-300: oklch(0.72 0.09 175);
  --color-sand: oklch(0.76 0.08 65);
  --color-clay: oklch(0.60 0.11 40);
  --color-chalk: oklch(0.96 0.008 190);
}

:root {
  --background: oklch(0.96 0.008 190);      /* chalk */
  --foreground: oklch(0.26 0.04 215);       /* deep teal */
  --card: oklch(0.99 0.004 190);
  --card-foreground: oklch(0.26 0.04 215);
  --popover: oklch(0.99 0.004 190);
  --popover-foreground: oklch(0.26 0.04 215);
  --primary: oklch(0.26 0.04 215);          /* deep teal — primary buttons */
  --primary-foreground: oklch(0.96 0.008 190);
  --secondary: oklch(0.93 0.012 195);
  --secondary-foreground: oklch(0.30 0.03 210);
  --muted: oklch(0.945 0.010 195);
  --muted-foreground: oklch(0.52 0.02 205);  /* slate */
  --accent: oklch(0.76 0.08 65);             /* sand */
  --accent-foreground: oklch(0.26 0.04 215);
  --destructive: oklch(0.60 0.11 40);        /* clay */
  --border: oklch(0.89 0.010 200);
  --input: oklch(0.89 0.010 200);
  --ring: oklch(0.55 0.10 195);              /* teal */
  --chart-1: oklch(0.55 0.10 195);
  --chart-2: oklch(0.76 0.08 65);
  --chart-3: oklch(0.72 0.09 175);
  --chart-4: oklch(0.60 0.11 40);
  --chart-5: oklch(0.42 0.07 200);
  --radius: 0.625rem;
  --sidebar: oklch(0.26 0.04 215);
  --sidebar-foreground: oklch(0.90 0.02 195);
  --sidebar-primary: oklch(0.76 0.08 65);
  --sidebar-primary-foreground: oklch(0.20 0.035 215);
  --sidebar-accent: oklch(0.32 0.04 213);
  --sidebar-accent-foreground: oklch(0.96 0.008 190);
  --sidebar-border: oklch(0.36 0.04 213);
  --sidebar-ring: oklch(0.55 0.10 195);
}

.dark {
  --background: oklch(0.20 0.035 215);
  --foreground: oklch(0.94 0.012 195);
  --card: oklch(0.24 0.038 215);
  --card-foreground: oklch(0.94 0.012 195);
  --popover: oklch(0.24 0.038 215);
  --popover-foreground: oklch(0.94 0.012 195);
  --primary: oklch(0.76 0.08 65);           /* sand leads on dark */
  --primary-foreground: oklch(0.20 0.035 215);
  --secondary: oklch(0.30 0.038 213);
  --secondary-foreground: oklch(0.94 0.012 195);
  --muted: oklch(0.28 0.035 213);
  --muted-foreground: oklch(0.76 0.02 195);
  --accent: oklch(0.34 0.045 205);
  --accent-foreground: oklch(0.95 0.012 195);
  --destructive: oklch(0.68 0.12 40);
  --border: oklch(0.95 0.005 195 / 14%);
  --input: oklch(0.95 0.005 195 / 20%);
  --ring: oklch(0.72 0.09 175);
  --chart-1: oklch(0.72 0.09 175);
  --chart-2: oklch(0.76 0.08 65);
  --chart-3: oklch(0.55 0.10 195);
  --chart-4: oklch(0.60 0.11 40);
  --chart-5: oklch(0.42 0.07 200);
  --sidebar: oklch(0.24 0.038 215);
  --sidebar-foreground: oklch(0.94 0.012 195);
  --sidebar-primary: oklch(0.76 0.08 65);
  --sidebar-primary-foreground: oklch(0.20 0.035 215);
  --sidebar-accent: oklch(0.32 0.04 213);
  --sidebar-accent-foreground: oklch(0.95 0.012 195);
  --sidebar-border: oklch(0.95 0.005 195 / 14%);
  --sidebar-ring: oklch(0.72 0.09 175);
}

/* The current body background uses two radial gradients. Strata is flat —
   replace that rule with a single flat surface: */