/* alidoes.ai design tokens — locked from the SB-3 visual identity (values tunable; one place to change). */
:root {
  /* brand — one accent, rationed like punctuation */
  --brand: #1A53D4;          /* cobalt-azure */
  --brand-ink: #12399A;      /* accessible brand text on white (AA) */
  --brand-tint: #EAEFFC;

  /* semantic signals — each has a job */
  --verified: #0D9488;       /* teal */
  --correction: #B45309;     /* amber (AA text) */
  --error: #DC2626;          /* red */

  /* neutrals — warm paper + cool slate ink (elegant "fine stationery" pairing) */
  --ink: #1C1B19;            /* primary text — warm near-black */
  --ink-2: #3A3D44;          /* secondary */
  --ink-3: #6B7280;          /* tertiary / hints */
  --line: #E8E4DC;           /* warm borders */
  --bg: #FBFAF7;             /* warm off-white, not stark white */
  --bg-2: #F4F1EA;           /* warm secondary surface */

  /* type — serif headings for editorial warmth, Inter body, mono for receipts */
  --serif: "Fraunces", Georgia, "Times New Roman", serif;
  --sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* fluid type scale (Utopia-style clamp) */
  --step-0: clamp(1.06rem, 1.01rem + 0.25vw, 1.19rem);
  --step-1: clamp(1.27rem, 1.18rem + 0.45vw, 1.5rem);
  --step-2: clamp(1.52rem, 1.36rem + 0.8vw, 2rem);
  --step-3: clamp(1.82rem, 1.55rem + 1.36vw, 2.6rem);

  /* spacing scale + layout */
  --space-1: 0.5rem; --space-2: 1rem; --space-3: 1.5rem; --space-4: 2.5rem; --space-5: 4rem;
  --measure: 66ch;
  --radius: 8px;
  --radius-lg: 12px;
  --gap: 1rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --brand: #5B8DEF;        /* lifted cobalt for dark */
    --brand-ink: #9FBEF5;
    --brand-tint: #16224A;
    --verified: #2DD4BF;
    --correction: #F59E0B;
    --error: #F87171;
    --ink: #ECE8E1;
    --ink-2: #C4BFB5;
    --ink-3: #948D81;
    --line: #2A2723;
    --bg: #14130F;
    --bg-2: #1C1A15;
  }
}