/* Go To Zero — REAL app design system (mirrors src/app/globals.css :root)
   shadcn tokens, Geist Sans, emerald brand accent + blue secondary.
   Values copied from the app's oklch() tokens so sketches match production. */

:root {
  /* Colors — straight from globals.css :root (light mode) */
  --color-bg: oklch(0.99 0.002 240);        /* --background, near white */
  --color-surface: oklch(1 0 0);            /* --card, white */
  --color-surface-alt: oklch(0.97 0 0);     /* --secondary / --muted */
  --color-border: oklch(0.92 0.005 250);    /* --border */
  --color-text: oklch(0.18 0.012 250);      /* --foreground, dark navy ink */
  --color-text-muted: oklch(0.54 0.012 250);/* --muted-foreground */

  --color-brand: oklch(0.63 0.18 155);      /* --brand-accent, emerald (the logo green) */
  --color-brand-hover: oklch(0.56 0.18 155);
  --color-brand-soft: oklch(0.95 0.04 155); /* pale emerald wash */

  --color-primary: oklch(0.18 0.012 250);   /* --primary, dark — solid buttons */
  --color-primary-hover: oklch(0.28 0.012 250);
  --color-primary-soft: oklch(0.97 0 0);

  --color-accent: oklch(0.58 0.18 255);     /* --accent, blue (mortgage chart color) */
  --color-accent-soft: oklch(0.95 0.03 255);
  --color-warning: oklch(0.65 0.15 75);     /* amber */
  --color-danger: oklch(0.55 0.18 25);      /* destructive red */
  --color-success: oklch(0.55 0.16 145);    /* success green */

  /* Debt-type colors — from globals.css semantic tokens (--mortgage/--heloc/--credit + warning for auto) */
  --color-mortgage: oklch(0.58 0.18 255);   /* blue */
  --color-heloc: oklch(0.55 0.16 145);      /* green */
  --color-auto: oklch(0.65 0.15 75);        /* amber (--warning) */
  --color-credit: oklch(0.55 0.18 25);      /* red */

  /* Dark brand panel (for split / inverted sections) */
  --color-ink: oklch(0.18 0.012 250);
  --color-on-ink: oklch(0.99 0.002 240);

  /* Typography — Geist, matching --font-geist-sans / mono */
  --font-serif: 'Geist', system-ui, sans-serif;  /* no serif in real system; headings = Geist */
  --font-sans: 'Geist', -apple-system, system-ui, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, monospace;
  --text-xs: 0.78rem;
  --text-sm: 0.9rem;
  --text-base: 1.0rem;
  --text-lg: 1.18rem;
  --text-xl: 1.4rem;
  --text-2xl: 1.8rem;
  --text-3xl: 2.3rem;
  --text-4xl: 3.0rem;
  --text-5xl: 4.0rem;

  /* Spacing */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --space-24: 96px;

  /* Shapes — --radius: 0.75rem */
  --radius-sm: 7px;     /* 0.6 * 0.75rem */
  --radius-md: 10px;    /* 0.8 */
  --radius-lg: 12px;    /* 1.0 */
  --radius-xl: 17px;    /* 1.4 */
  --radius-full: 9999px;

  /* Shadows — crisp, low */
  --shadow-sm: 0 1px 2px rgba(20, 25, 35, 0.05);
  --shadow-md: 0 4px 12px rgba(20, 25, 35, 0.07);
  --shadow-lg: 0 16px 40px rgba(20, 25, 35, 0.12);

  --maxw: 1120px;
  --maxw-prose: 680px;
}