/* Weybridge 3D Print — design tokens.
   The only file that knows a colour, a face or a size. Everything else
   references these. Dark is the default; [data-lights="on"] is the paper
   version. The brand pack (v0.2) documents each token. */

@font-face{font-family:"Gambetta";src:url("../fonts/Gambetta-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Gambetta";src:url("../fonts/Gambetta-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Gambetta";src:url("../fonts/Gambetta-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Gambetta";src:url("../fonts/Gambetta-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Literata";src:url("../fonts/Literata.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Literata";src:url("../fonts/Literata-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Departure Mono";src:url("../fonts/DepartureMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url("../fonts/BricolageGrotesque-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}

:root{
  /* ground and surfaces: the shop at night */
  --bg:#0f1110;
  --bg-2:#141715;
  --surface:#1a1e1b;
  --line:rgb(236 230 214 / .13);

  /* ink: one warm-white, four strengths */
  --ink:236 230 214;
  --ink-1:rgb(var(--ink) / .94);
  --ink-2:rgb(var(--ink) / .72);
  --ink-3:rgb(var(--ink) / .5);
  --ink-4:rgb(var(--ink) / .3);

  /* the paper: receipts and printed things keep their own stock in either mode */
  --paper:#fdfaf1;
  --paper-ink:#2b2a26;

  /* brand */
  --green:#8fcaa9;          /* structure and "good" on dark */
  --green-deep:#1f4d3a;     /* the mark's green */
  --amber:#e39b34;          /* the one accent: buttons, printed layers */
  --amber-text:#f0b45c;     /* amber that passes on dark */
  --amber-deep:#b9731a;     /* amber on paper */

  /* instruments */
  --vfd:#9cf6dd;            /* vacuum-fluorescent digits */
  --live:#e0433b;           /* the red dot */

  /* type */
  --f-head:"Gambetta",Georgia,"Times New Roman",serif;
  --f-text:"Literata",Georgia,"Times New Roman",serif;
  --f-inst:"Departure Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --f-mark:"Bricolage Grotesque",system-ui,sans-serif;
  --t-h1:clamp(2.9rem,6vw,5.4rem);
  --t-h2:clamp(2.1rem,4.2vw,3.6rem);
  --t-h3:clamp(1.4rem,2.2vw,1.9rem);
  --t-lead:clamp(1.15rem,1.6vw,1.45rem);
  --t-body:1.08rem;
  --t-small:.9rem;

  /* space and measure */
  --maxw:1240px;
  --gut:clamp(22px,4.5vw,56px);
  --band:clamp(64px,8vw,120px);
  --mast:66px;

  /* motion: four tiers, one curve */
  --t0:0ms;                 /* instrument values, chip select, lamps */
  --t1:150ms;               /* hover, focus, camera fade */
  --t2:400ms;               /* receipt line, route swap, drum single roll */
  --t3:1.9s;                /* drum spin-up, nothing else */
  --settle:cubic-bezier(.16,1,.3,1);
  --drum:cubic-bezier(.16,.72,.18,1);
}

:root[data-lights="on"]{
  --bg:#efe8d8;
  --bg-2:#e9e1cf;
  --surface:#f6f1e4;
  --line:rgb(43 42 38 / .16);
  --ink:43 42 38;
  --amber-text:#a35f12;
  --green:#1f4d3a;
}