/* InTRIZ colour tokens: the only file with raw colour values.
   Generated from the public stylesheets on 2026-11-12 (card A19). Names are family + OKLab lightness,
   so a higher number is lighter.
   Components use the roles at the bottom (--ink, --muted, --line, --accent ...), which point at
   the palette. --radius-sm is for controls, --radius-lg for surfaces, --radius-pill for pills. Add a new colour here first. */
:root{
--radius-sm:10px;
--radius-lg:14px;
--radius-pill:999px;
--white:#ffffff;
--grey-98:#f8f8f5;
--grey-97:#f6f6e9;
--grey-95:#eeeee9;
--grey-94:#e7eee5;
--grey-91:#e1e3de;
--grey-89:#dadcd5;
--grey-87:#d2d6cb;
--grey-84:#c8ccc3;
--grey-82:#bfc6b7;
--grey-79:#b9bdb2;
--grey-74:#a7aea1;
--grey-61:#7c8577;
--grey-57:#73796f;
--grey-52:#666b60;
--grey-50:#60655e;
--grey-47:#585d54;
--grey-45:#51584d;
--grey-41:#474d44;
--grey-40:#4c4844;
--grey-39:#41483b;
--grey-32:#30362c;
--grey-28:#262c24;
--grey-27:#242622;
--slate-35:#343b3a;
--slate-26:#20252b;
--slate-22:#171c20;
--olive-83:#c5cca9;
--olive-65:#88927f;
--olive-55:#697465;
--olive-51:#5c6b51;
--olive-48:#59604e;
--olive-47:#46643c;
--olive-45:#485e3d;
--olive-42:#46533f;
--green-86:#bbdacd;
--green-64:#589b86;
--green-56:#1f8a4c;
--green-52:#36765d;
--green-49:#167347;
--green-48:#2f6b58;
--green-42:#105d38;
--sand-96:#fff0d9;
--sand-95:#fbece5;
--sand-92:#e9e3db;
--sand-90:#ffd2bb;
--sand-89:#e9dacb;
--sand-86:#edc6b5;
--sand-84:#d6c7b7;
--sand-80:#d4b99f;
--sand-51:#756451;
--orange-81:#e6b79c;
--orange-66:#c97e5c;
--orange-64:#e85526;
--orange-63:#dd5c36;
--orange-57:#b95534;
--orange-54:#b8431c;
--orange-51:#98502f;
--orange-50:#a44225;
--orange-49:#a7391b;
--orange-48:#9c3b1b;
--orange-46:#8f3b24;
--orange-40:#6e341d;
--red-50:#b3261e;
--violet-95:#eeebf8;
--violet-86:#d4c9ee;
--violet-62:#8a79b7;
--violet-51:#70549b;
--violet-50:#6553a0;
--violet-46:#5a4a8c;
--black:#000000;
--black-a13:#00000022;
--grey-24-a40:#1b201d66;
--grey-27-a4:#22241f0a;
--grey-27-a5:#22241f0d;
--grey-27-a7:#22241f12;
--grey-27-a8:#22241f14;
--grey-27-a9:#22241f16;
--olive-30-a3:#28321d08;
--olive-30-a7:#28321d12;
--olive-55-a8:#69746514;
--olive-73-a31:#a2ad9850;
--orange-64-a7:#e8552612;
--orange-64-a13:#e8552620;
--orange-64-a6:#f0522310;
--grey-98-a94:#f8f8f5f0;
--white-a7:#ffffff12;
--white-a82:#ffffffd1;
--grey-45-a16:#48594b29;
--red-50-a10:#b3261e1a;
--grey-27-a78:#22241fc7;
--grey-98-a0:#f8f8f500;
--grey-27-a10:#22241f1a;
}

/* Roles: components use these. Palette names above are for this file and rare one-offs. */
:root{
--ink:var(--grey-27);--muted:var(--grey-50);--faint:var(--grey-61);--paper:var(--grey-98);--soft:var(--grey-95);--field:var(--white);
--line:var(--grey-89);--accent:var(--orange-64);--accent-text:var(--orange-54);--focus:var(--grey-45);--error:var(--red-50);
--radius:var(--radius-lg);
--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--space-12:96px;--reading:68ch;
--type-body:15px;--type-small:13px;--type-label:11px;--type-card:clamp(22px,2.2vw,28px);--type-section:clamp(29px,3.3vw,44px);
--header-height:88px;--gutter:clamp(20px,3.2vw,40px);
--ui-field-h:52px;--ui-btn-h:44px;--ui-gap-heading:16px;--ui-gap-field:18px;--ui-section:64px;
}
@media(max-width:640px){:root{--ui-section:48px}}