/* InnSight AI — Design Tokens
   Deep navy/graphite base + warm off-white surfaces + teal/cyan primary + amber highlight */

:root {
  /* Brand color system */
  --ink-900: #0A1A2E;       /* deep navy - hero/footer */
  --ink-800: #112436;       /* graphite navy */
  --ink-700: #1B3047;       /* card on dark */
  --ink-600: #2A405A;       /* dark borders */
  --ink-500: #475A75;
  --ink-400: #6B7B92;       /* muted on dark */
  --ink-300: #9AA8BB;
  --ink-200: #C7CFDB;

  --paper-50:  #FBFAF6;     /* warm off-white page bg */
  --paper-100: #F6F3EC;     /* warm surface */
  --paper-150: #EFEBE2;     /* alt surface */
  --paper-200: #E6E1D4;     /* warm divider */
  --paper-300: #C9C2B0;

  --teal-500: #16B8C7;      /* primary action */
  --teal-600: #0E97A6;      /* hover */
  --teal-700: #0B7A87;
  --teal-300: #6AD7E1;
  --teal-100: #D6F4F7;

  --gold-500: #C8A24B;      /* restrained accent */
  --gold-300: #E0BE73;

  --rose-500: #C25A6A;
  --green-500: #4F9E6F;

  /* Surface tokens (light, default) */
  --bg: var(--paper-50);
  --surface: #FFFFFF;
  --surface-warm: var(--paper-100);
  --border: var(--paper-200);
  --border-strong: var(--paper-300);
  --text: #1A2435;
  --text-muted: #5C6677;
  --text-faint: #8A93A2;

  /* Type scale */
  --font-display: "Fraunces", "Source Serif 4", Georgia, serif;
  --font-sans: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.375rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-hero: 4.5rem;

  /* Radius */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-2xl: 36px;
  --r-pill: 999px;

  /* Shadows tuned for warm bg */
  --shadow-sm: 0 1px 2px rgba(10,26,46,.05), 0 1px 3px rgba(10,26,46,.04);
  --shadow-md: 0 6px 16px -8px rgba(10,26,46,.18), 0 2px 6px rgba(10,26,46,.06);
  --shadow-lg: 0 24px 48px -16px rgba(10,26,46,.20), 0 6px 18px rgba(10,26,46,.08);
  --shadow-xl: 0 40px 80px -24px rgba(10,26,46,.28), 0 10px 30px rgba(10,26,46,.10);
  --shadow-glow: 0 0 0 1px rgba(22,184,199,.35), 0 18px 60px -10px rgba(22,184,199,.35);

  /* Spacing rhythm */
  --space-section: clamp(72px, 10vw, 144px);
  --container: 1200px;
  --container-narrow: 960px;

  /* Easings */
  --ease-out: cubic-bezier(.2,.7,.2,1);
}