:root {
  --paper:#f4f0e4; --hull:#aed8c0; --hull-deep:#80b698; --panel:#f8f2d9; --screen:#142c3a;
  --ink:#172c2b; --muted:#3c554c; --cream:#fff8e9; --accent:#c83e2c; --accent-hover:#bb3626;
  --body-a:#f8c952; --body-b:#ec6853; --body-c:#8dcfd0; --chart-grid:#c8cabb; --grid:#36505a;
  --hairline:1px; --outline:3px; --thin:2px; --radius:24px; --button-radius:8px; --small-radius:4px;
  --space-xs:4px; --space-sm:8px; --space-md:16px; --space-lg:24px; --space-xl:32px; --space-2xl:48px;
  --page-margin:clamp(12px,2.5vw,36px); --max-width:1440px; --sidebar-width:320px; --console-height:620px;
  --target:44px; --shadow:5px 6px 0 var(--ink); --focus:#164a80;
  --font-text:Arial,sans-serif; --font-display:'Arial Black',Arial,sans-serif; --font-mono:'Courier New',monospace;
  --font-small:12px; --font-body:16px; --font-micro:10px; --font-title:clamp(36px,5vw,72px);
  --dur-fast:120ms; --dur-base:200ms; --ease-standard:cubic-bezier(.2,0,0,1);
}

/* Shared dimension and type scale; responsive component sizes use the same tokens. */
:root {
  --circle:50%;
  --fluid-section-title:3vw;
  --full:100%;
  --hover-lift:-1px;
  --rotation-brand:-10deg;
  --rotation-heading:-2deg;
  --rotation-level:0deg;
  --rotation-screw:-40deg;
  --scale-subtitle:.84em;
  --size-100:100px;
  --size-108:108px;
  --size-11:11px;
  --size-120:120px;
  --size-13:13px;
  --size-14:14px;
  --size-140:140px;
  --size-15:15px;
  --size-17:17px;
  --size-18:18px;
  --size-20:20px;
  --size-21:21px;
  --size-210:210px;
  --size-22:22px;
  --size-26:26px;
  --size-280:280px;
  --size-350:350px;
  --size-36:36px;
  --size-380:380px;
  --size-40:40px;
  --size-430:430px;
  --size-5:5px;
  --size-56:56px;
  --size-58:58px;
  --size-6:6px;
  --size-660:660px;
  --size-7:7px;
  --size-70:70px;
  --size-80:80px;
  --size-84:84px;
  --size-9:9px;
  --size-95:95px;
  --skip-hidden:-200%;
  --tracking-brand:-.5px;
  --tracking-display:-.06em;
  --tracking-label:.07em;
  --tracking-section:-.04em;
}