/* ABHIKR Design System — finalized foundations layer.
   Extends the raw site-extraction tokens (colors.css, typography.css, spacing.css,
   radii.css, elevation.css, motion.css, semantic.css) with the scale the system
   settled on: full type/spacing/radius/shadow/motion steps, a dark ink surface,
   and the evidence (verified / needs-verification) colour pair. Loaded last in
   styles.css, so a name shared with an earlier file (radius-sm, ease-standard,
   text-link, focus-ring, surface-page, ls-btn, dur-fast) resolves to the value
   declared here — this is the system's one final decision per token. */
:root{
/* ── Accent: identity carried forward ─────────────────────────── */
--accent:var(--brand-cyan);          /* unchanged #00bcd4 — the recognisable ABHIKR cyan */
--accent-deep:#0097a7;               /* Material cyan 700 — same family, used wherever cyan must carry text on white (AA) */
--accent-quiet:#e0f5f8;              /* cyan wash for chips, rails, quiet fills */
--accent-line:#9fe3ec;
--accent-on-dark:#4dd0e1;            /* cyan 300 — accent legible on the dark band */
/* ── Ink scale (new: V1 had no dark surface) ───────────────────── */
--ink-900:#0f1518;
--ink-800:#1a2226;
--ink-700:#2b353b;
--ink-500:#5b6a71;
--ink-400:#7e8c93;
--ink-300:#a7b2b8;
/* ── Neutral surfaces + hairlines ──────────────────────────────── */
--paper:#ffffff;
--paper-2:#f7f9fa;
--paper-3:#eef2f4;
--line:#e3e8ea;
--line-strong:#cfd7da;
--line-on-dark:rgba(255,255,255,.14);
/* ── Evidence semantics (Staff-evidence layer) ─────────────────── */
--verified:#2e7d32;
--verified-bg:#eaf4ea;
--unverified:#a35a00;
--unverified-bg:#fdf3e5;
/* ── Type families ─────────────────────────────────────────────── */
--font-display:'Roboto',sans-serif; /* @kind font */
--font-body:'Roboto',sans-serif; /* @kind font */
/* substitution: no mono webfont exists in the ABHIKR sources */
--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; /* @kind font */
--fw-display:300; /* @kind font */
--fw-title:500; /* @kind font */
--fw-body:400; /* @kind font */
--fw-strong:700; /* @kind font */
/* ── Responsive type scale (clamp per master §16) ──────────────── */
--fs-display:clamp(40px,6.2vw,72px); /* @kind font */
--fs-h1:clamp(32px,4.4vw,52px); /* @kind font */
--fs-h2:clamp(26px,3.2vw,38px); /* @kind font */
--fs-h3:22px;
--fs-h4:18px;
--fs-lede:20px;
--fs-body:17px;
--fs-body-sm:15px;
--fs-meta:13px;
--fs-eyebrow:12px;
--fs-metric:clamp(28px,3.4vw,40px); /* @kind font */
--fs-mono:14px;
--lh-display:1.04; /* @kind font */
--lh-title:1.18; /* @kind font */
--lh-tight:1.3; /* @kind font */
--lh-body:1.65; /* @kind font */
--ls-display:-.02em; /* @kind other */
--ls-eyebrow:.14em; /* @kind other */
--ls-btn:.04em; /* @kind other */
--tt-eyebrow:uppercase; /* @kind other */
/* ── Spacing (master §15: space-1 … space-12) ──────────────────── */
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-7:32px;
--space-8:40px;
--space-9:56px;
--space-10:72px;
--space-11:96px;
--space-12:128px;
/* ── Layout ────────────────────────────────────────────────────── */
--container:1280px;
--container-narrow:960px;
--measure:68ch;                        /* case-study reading width */
--gutter:24px;
--pad-inline:24px;                     /* mobile horizontal padding, master §17 */
--section-y:clamp(56px,7vw,112px); /* @kind spacing */
--nav-h:64px;
--tap-min:44px;
--grid-cols:12; /* @kind other */
/* ── Radii ─────────────────────────────────────────────────────── */
--radius-sm:6px;
--radius-md:10px;
--radius-lg:16px;
--radius-pill:999px;
/* ── Elevation, hairlines, scrims ──────────────────────────────── */
--shadow-sm:0 1px 2px rgba(15,21,24,.06),0 1px 1px rgba(15,21,24,.04);
--shadow-md:0 4px 16px rgba(15,21,24,.08);
--shadow-lg:0 18px 48px rgba(15,21,24,.14);
--shadow-focus:0 0 0 3px rgba(0,188,212,.35);
--hairline:1px solid var(--line); /* @kind other */
--hairline-strong:1px solid var(--line-strong); /* @kind other */
--hairline-on-dark:1px solid var(--line-on-dark); /* @kind other */
--scrim-hero-left:linear-gradient(90deg,rgba(15,21,24,.62) 0%,rgba(15,21,24,.34) 42%,rgba(15,21,24,0) 72%); /* @kind other */
--scrim-hero-bottom:linear-gradient(0deg,rgba(15,21,24,.55) 0%,rgba(15,21,24,0) 58%); /* @kind other */
--blur-nav:saturate(180%) blur(12px); /* @kind other */
/* ── Motion (master §19) ───────────────────────────────────────── */
--dur-fast:160ms; /* @kind other */
--dur-normal:240ms; /* @kind other */
--dur-slow:420ms; /* @kind other */
--ease-standard:cubic-bezier(.2,0,0,1); /* @kind other */
--ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
--reveal-y:12px;
/* ── Semantic aliases ─────────────────────────────────────────── */
--text-primary:var(--ink-900);
--text-secondary:var(--ink-700);
--text-muted:var(--ink-500);
--text-faint:var(--ink-400);
--text-on-dark:#ffffff;
--text-on-dark-muted:var(--ink-300);
--text-link:var(--accent-deep);
--text-link-hover:var(--ink-900);
--surface-page:var(--paper);
--surface-card:var(--paper);
--surface-sunken:var(--paper-2);
--surface-inset:var(--paper-3);
--surface-dark:var(--ink-900);
--surface-nav:rgba(255,255,255,.82);
--border:var(--line);
--border-strong:var(--line-strong);
--focus-ring:var(--accent-deep);
--metric-fg:var(--ink-900);
--chip-bg:var(--paper-2);
--chip-fg:var(--ink-700);
--chip-border:var(--line);
--chip-accent-bg:var(--accent-quiet);
--chip-accent-fg:#036a78;
--chip-accent-border:var(--accent-line);
}