/* BLOTTER tokens. Colours are the BRAND.md palette expressed in OKLCH; nothing else
   on the site may introduce a colour, face or easing that is not named here. */
@font-face{font-family:"Archivo";src:url("assets/fonts/Archivo-Variable-latin.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Spline Sans Mono";src:url("assets/fonts/SplineSansMono-Variable-latin.woff2") format("woff2");font-weight:300 700;font-display:swap}

:root{
  /* paper and ink */
  --color-paper:oklch(93.8% 0.013 87);      /* warm field, the page */
  --color-sheet:oklch(97.2% 0.011 95);      /* the ledger sheet */
  --color-sheet-2:oklch(95.4% 0.012 92);    /* alternate ledger band */
  --color-ink:oklch(21.2% 0.008 169);       /* carbon */
  --color-ink-2:oklch(36% 0.012 160);
  --color-ink-3:oklch(49% 0.012 150);
  --color-rule:oklch(82.6% 0.015 94);       /* hairline */
  --color-rule-soft:oklch(88.6% 0.014 92);  /* ledger ruling */
  --color-accent:oklch(54.1% 0.141 37);     /* copper: full stop, active state, focus */
  --color-accent-wash:oklch(54.1% 0.141 37 / 0.12);
  --color-sell:oklch(45% 0.06 166);         /* mint, darkened for text on paper */
  --color-focus:var(--color-accent);
  --color-sheet-muted:oklch(80% 0.01 95);   /* secondary text on carbon */
  --color-scrim:oklch(21.2% 0.008 169 / 0.6);

  /* the desk at night and the printout lying on it */
  --color-night:oklch(13% 0.005 60);
  --color-on-night:oklch(94% 0.01 90);
  --color-on-night-2:oklch(76% 0.012 85);
  --color-on-night-rule:oklch(31% 0.01 70);
  --color-print:oklch(95.6% 0.013 100);       /* continuous-feed paper */
  --color-greenbar:oklch(90.5% 0.042 152);     /* the pale green bars */
  --color-print-ink:oklch(27% 0.035 275);      /* ribbon ink, slightly blue-black */
  --color-print-rule:oklch(78% 0.02 120);      /* perforations */
  --color-hole:oklch(23% 0.03 55);             /* desk seen through a tractor hole */
  --shadow-paper:oklch(6% 0.01 60 / 0.7);
  --shadow-paper-soft:oklch(25% 0.02 60 / 0.3);
  --color-paper-shade:oklch(22% 0.02 60 / 0.28);

  /* the field: one square per token on the night background */
  --field-up-lo:oklch(40% 0.055 162);
  --field-up-hi:oklch(87% 0.105 158);
  --field-down-lo:oklch(35% 0.06 38);
  --field-down-hi:oklch(67% 0.15 38);
  --field-even:oklch(50% 0.012 90);
  --field-held:oklch(22% 0.008 70);

  /* trade-volume ramp (BRAND.md: mint is the volume key only) */
  --heat-0:oklch(92.4% 0.012 100);
  --heat-1:oklch(86% 0.03 166);
  --heat-2:oklch(76% 0.045 166);
  --heat-3:oklch(64.7% 0.053 166);
  --heat-4:oklch(50% 0.058 166);
  --heat-5:oklch(36% 0.045 168);

  /* type */
  --font-display:"Archivo",Arial,sans-serif;
  --font-body:"Archivo",Arial,sans-serif;
  --font-mono:"Spline Sans Mono",ui-monospace,Menlo,Consolas,monospace;
  --stretch-display:125%;

  --text-2xs:0.6875rem;
  --text-xs:0.75rem;
  --text-sm:0.875rem;
  --text-md:1rem;
  --text-lg:1.1875rem;
  --text-xl:clamp(1.375rem,1.1rem + 1vw,1.75rem);
  --text-2xl:clamp(1.75rem,1.2rem + 2vw,2.625rem);
  --text-figure:clamp(3.75rem,1.5rem + 10.6vw,10.5rem);

  /* 4-point spacing */
  --space-3xs:0.25rem;
  --space-2xs:0.5rem;
  --space-xs:0.75rem;
  --space-sm:1rem;
  --space-md:1.5rem;
  --space-lg:2rem;
  --space-xl:3rem;
  --space-2xl:4.5rem;
  --space-3xl:7rem;
  --gutter:clamp(1rem,0.4rem + 2.6vw,3.5rem);
  --measure:66ch;

  --rule-hair:1px;
  --radius-input:2px;

  --ease-out:cubic-bezier(0.16,1,0.3,1);
  --ease-in:cubic-bezier(0.7,0,0.84,0);
  --ease-in-out:cubic-bezier(0.65,0,0.35,1);
  --dur-short:160ms;
  --dur-medium:420ms;
  --dur-ink:1400ms;
}