/* Hallmark · macrostructure: Workbench · tone: authoritative · anchor hue: lime-neon
 * theme: custom · vibe: "ink-cream-lime compliance authority"
 * paper oklch(93.2% 0.017 84) · accent oklch(94.5% 0.262 124) · Inter + Inter
 * paper-band: light · display-style: geometric-sans · accent-hue: chromatic-other
 * pre-emit critique: P5 H4 E5 S5 R5 V4
 */

:root {
  /* ── Colour ─────────────────────────────────────────────────────────── */
  --color-paper:      oklch(93.2% 0.017 84);   /* cream  #F2EDE4 */
  --color-paper-2:    oklch(87.5% 0.012 84);   /* border #DDD8CE */
  --color-paper-3:    oklch(90.0% 0.014 84);   /* mid cream */
  --color-ink:        oklch(7.8%  0.003 0);    /* ink    #0D0D0D */
  --color-ink-soft:   oklch(13.5% 0.003 0);    /* dark card #1C1C1C */
  --color-ink-muted:  oklch(27.5% 0.003 0);    /* muted ink #3A3A3A */
  --color-muted:      oklch(50.2% 0.003 0);    /* muted text #6B6B6B */
  --color-muted-2:    oklch(62.0% 0.003 0);    /* lighter muted */
  --color-lime:       oklch(94.5% 0.262 124);  /* lime   #CCFF00 */
  --color-lime-soft:  oklch(95.2% 0.201 124);  /* lime-soft #DEFF66 */
  --color-lime-dim:   oklch(94.5% 0.262 124 / 15%); /* lime tint */
  --color-fail:       oklch(59.8% 0.218 25.6); /* fail-red #FF3B3B */
  --color-fail-bg:    oklch(96.5% 0.018 25);   /* fail-red tint */
  --color-warn:       oklch(75.2% 0.159 70);   /* warn-amber #F59E0B */
  --color-warn-bg:    oklch(97.0% 0.018 70);   /* warn tint */
  --color-surface:    oklch(13.5% 0.003 0);    /* dark card surface */
  --color-surface-2:  oklch(17.0% 0.004 0);    /* raised surface within dark */
  --color-surface-3:  oklch(20.5% 0.004 0);    /* hover state on dark */
  --color-on-lime:    oklch(7.8%  0.003 0);    /* text on lime bg */
  --color-focus:      oklch(60%   0.2   250);  /* accessible focus ring */

  /* ── Typography ─────────────────────────────────────────────────────── */
  --font-display: "Inter", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, sans-serif;

  --text-display:    clamp(3rem,   6vw,  5rem);     /* hero headline */
  --text-display-s:  clamp(2rem,   4vw,  3rem);     /* sub-hero */
  --text-2xl:        clamp(1.5rem, 3vw,  2rem);
  --text-xl:         1.25rem;
  --text-lg:         1.125rem;
  --text-base:       1rem;
  --text-sm:         0.875rem;
  --text-xs:         0.75rem;

  /* ── Spacing (4 pt scale) ────────────────────────────────────────────── */
  --space-1:   0.25rem;   /*  4px */
  --space-2:   0.5rem;    /*  8px */
  --space-3:   0.75rem;   /* 12px */
  --space-4:   1rem;      /* 16px */
  --space-5:   1.25rem;   /* 20px */
  --space-6:   1.5rem;    /* 24px */
  --space-8:   2rem;      /* 32px */
  --space-10:  2.5rem;    /* 40px */
  --space-12:  3rem;      /* 48px */
  --space-16:  4rem;      /* 64px */
  --space-20:  5rem;      /* 80px */
  --space-24:  6rem;      /* 96px */
  --space-32:  8rem;      /* 128px */

  /* ── Radius ──────────────────────────────────────────────────────────── */
  --radius-sm:  0.5rem;
  --radius-md:  0.75rem;
  --radius-lg:  1rem;
  --radius-xl:  1.5rem;
  --radius-full: 9999px;

  /* ── Shadow ──────────────────────────────────────────────────────────── */
  --shadow-card:    0 1px 4px 0 oklch(0% 0 0 / 6%);
  --shadow-card-md: 0 4px 16px 0 oklch(0% 0 0 / 8%);
  --shadow-lift:    0 8px 32px 0 oklch(0% 0 0 / 12%);
  --shadow-lime:    0 0 32px oklch(94.5% 0.262 124 / 25%);

  /* ── Easing ──────────────────────────────────────────────────────────── */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:     cubic-bezier(0.64, 0, 0.78, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* ── Duration ────────────────────────────────────────────────────────── */
  --dur-fast:   120ms;
  --dur-base:   200ms;
  --dur-slow:   350ms;
  --dur-reveal: 500ms;

  /* ── Layout ──────────────────────────────────────────────────────────── */
  --content-max: 1200px;
  --content-pad: clamp(var(--space-6), 5vw, var(--space-16));
}