/* Leela design system tokens, copied from the Claude Design export (design system 5c4d19e1). */

/* Leela v2 — webfonts. All binaries are local; nothing loads from a CDN. */

/* Display — Redaction, four grades (Titus Kaphar & Reginald Dwayne Betts, Forest Young). */
@font-face{font-family:"Redaction";src:url("/assets/fonts/redaction-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Redaction 10";src:url("/assets/fonts/redaction-10-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Redaction 20";src:url("/assets/fonts/redaction-20-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Redaction 35";src:url("/assets/fonts/redaction-35-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

/* Body — Public Sans (USWDS, OFL). */
@font-face{font-family:"Public Sans";src:url("/assets/fonts/public-sans-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Public Sans";src:url("/assets/fonts/public-sans-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Public Sans";src:url("/assets/fonts/public-sans-latin-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Public Sans";src:url("/assets/fonts/public-sans-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

/* Wordmark — Karrik Regular (Velvetyne, OFL). Wordmark only: never headlines, never UI. */
@font-face{font-family:"Karrik";src:url("/assets/fonts/karrik-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Karrik";src:url("/assets/fonts/karrik-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}

/* Leela v2 — colour. Ground is white. Cream, forest and amber are retired. */
:root{
  /* Grounds */
  --paper:#FFFFFF;
  --paper-raised:#FAFAF8;
  --paper-doc:#FDFDFC;

  /* Ink */
  --ink:#121014;
  --ink-secondary:#2E2A33;
  --ink-muted:#6C6673;

  /* Brand */
  --plum:#3B2242;
  --plum-mid:#6B3F7D;
  --aubergine:#1E1024;
  --cream-on-dark:#F9F4E8;

  /* Signal — soft lime (#D9F27E) replaced full acid (#CDF23C) Sept 2026; token names kept as --acid* */
  --acid:#D9F27E;
  --acid-press:#C9E466;
  --acid-soft:#EEF8C6;
  --lavender:#C3AEFB;
  --violet:#8A6BE0;
  --violet-wash:#F4F0FB;

  /* Rules */
  --rule:#E4E4E0;
  --rule-hair:#ECECE8;
  --rule-strong:#3B2242;
  --rule-dark:#4A2F60;

  /* Verdicts — the only place saturated colour carries meaning */
  --status-permitted:#D9F27E;
  --status-routed:#C3AEFB;
  --status-routed-border:#8A6BE0;
  --status-blocked:#E8402A;

  /* Semantic aliases */
  --surface-page:var(--paper);
  --surface-card:var(--paper-raised);
  --surface-dark:var(--aubergine);
  --surface-brand:var(--plum);
  --surface-emphasis:var(--acid-soft);
  --text-body:var(--ink-secondary);
  --text-heading:var(--ink);
  --text-muted:var(--ink-muted);
  --text-on-dark:var(--cream-on-dark);
  --text-on-dark-body:var(--lavender);
  --text-on-dark-muted:var(--violet-wash);
  --border-card:var(--rule);
  --border-table:var(--rule-hair);
  --border-section:var(--rule-strong);
  --border-on-dark:var(--rule-dark);
  --action-primary-bg:var(--plum);
  --action-primary-fg:var(--cream-on-dark);
  --action-secondary-bg:var(--ink);
  --action-secondary-fg:var(--paper);
  --action-acid-bg:var(--acid);
  --action-acid-fg:var(--ink);
  --link:var(--ink);
  --link-hover:var(--plum-mid);
}

/* Leela v2 — typography. Redaction display, Public Sans body, Karrik wordmark only. */
:root{
  --font-display:"Redaction",Georgia,"Times New Roman",serif;
  --font-display-10:"Redaction 10","Redaction",Georgia,serif;
  --font-display-20:"Redaction 20","Redaction",Georgia,serif;
  --font-display-35:"Redaction 35","Redaction",Georgia,serif;
  --font-body:"Public Sans",Helvetica,Arial,sans-serif;
  --font-wordmark:"Karrik",Helvetica,Arial,sans-serif;

  /* Scale — size / line-height */
  --type-hero:80px;        --type-hero-lh:1.04;   --type-hero-ls:-0.025em;
  --type-section:44px;     --type-section-lh:1.14;--type-section-ls:-0.015em;
  --type-card-title:23px;  --type-card-title-lh:1.2;
  --type-lede:18px;        --type-lede-lh:1.58;
  --type-body:16px;        --type-body-lh:1.62;
  --type-caption:12.5px;   --type-caption-lh:1.5;
  --type-eyebrow:10.5px;   --type-eyebrow-ls:0.18em;

  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-acid:700;
}
/* Every figure, clause and date is tabular. */
.leela-nums,table,time{font-variant-numeric:tabular-nums}

/* Leela v2 — layout, spacing, motion. Zero radii. No shadows. */
:root{
  --page-max:1440px;
  --section-pad-y:44px;
  --section-pad-x:56px;
  --gutter:40px;
  --space-1:4px;  --space-2:8px;  --space-3:12px; --space-4:16px;
  --space-5:22px; --space-6:28px; --space-7:36px; --space-8:44px;
  --space-9:56px; --space-10:72px;

  --rule-1:1px; --rule-hair-w:0.8px; --rule-2:2px; --rule-4:4px;
  --radius:0;

  --ease:cubic-bezier(0.2,0.8,0.2,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur:220ms; /* @kind other */
  --dur-slow:400ms; /* @kind other */
  --translate:6px;
}

/* Leela v2 — base element defaults. */
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--type-body);line-height:var(--type-body-lh);-webkit-font-smoothing:antialiased}
*{box-sizing:border-box;border-radius:0}
a{color:var(--link);text-decoration:none;transition:color var(--dur-fast) var(--ease)}
a:hover{color:var(--link-hover)}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-regular);margin:0;text-wrap:pretty}
h1{font-size:var(--type-hero);line-height:var(--type-hero-lh);letter-spacing:var(--type-hero-ls)}
h2{font-size:var(--type-section);line-height:var(--type-section-lh);letter-spacing:var(--type-section-ls)}
h3{font-size:var(--type-card-title);line-height:var(--type-card-title-lh)}
p{margin:0}
table{border-collapse:collapse;table-layout:fixed;width:100%}
.leela-eyebrow{font-size:var(--type-eyebrow);letter-spacing:var(--type-eyebrow-ls);text-transform:uppercase;font-weight:var(--weight-semibold)}
.leela-caption{font-size:var(--type-caption);line-height:var(--type-caption-lh);color:var(--ink-muted)}
.leela-wordmark{font-family:var(--font-wordmark);letter-spacing:-0.035em;line-height:1}
@keyframes leela-grade-10{to{font-family:var(--font-display-10)}}
@keyframes leela-grade-20{to{font-family:var(--font-display-20)}}
@keyframes leela-grade-35{to{font-family:var(--font-display-35)}}
@media (prefers-reduced-motion:reduce){[class*="leela-grade"]{animation:none !important}}