/* ---------------------------------------------------------------
   Osquare design tokens. Every page and every component reads
   from here. Change a value once, it changes everywhere.
   --------------------------------------------------------------- */
:root {
  /* Colour: ink for the dark chapters, paper for the light ones. */
  --ink-0: #07090c;
  --ink-1: #0d1014;
  --ink-2: #14181e;
  --ink-3: #1d2229;
  --ink-line: rgba(233, 230, 223, 0.12);
  --ink-line-strong: rgba(233, 230, 223, 0.28);

  --paper-0: #f4f2ed;
  --paper-1: #ebe8e1;
  --paper-2: #e0dcd3;
  --paper-line: rgba(13, 16, 20, 0.12);
  --paper-line-strong: rgba(13, 16, 20, 0.32);

  --text-on-ink: #ebe8e1;
  --text-on-ink-muted: #9aa0a8;
  --text-on-ink-faint: #7a8290;
  --text-on-paper: #0d1014;
  --text-on-paper-muted: #5a6068;
  --text-on-paper-faint: #6f757e;

  /* One accent, used like brass on a dark suit: rules, labels, the ² */
  --accent: #c9a86a;
  --accent-soft: rgba(201, 168, 106, 0.18);

  /* Type */
  --font-display: "Jost", "Futura", "Century Gothic", "Avenir Next", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --fs-kicker: 0.6875rem;                          /* 11px */
  --fs-body: clamp(1rem, 0.94rem + 0.25vw, 1.125rem);
  --fs-lead: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --fs-statement: clamp(1.335rem, 0.935rem + 2vw, 2.735rem);
  --fs-display: clamp(2.335rem, 1.435rem + 4.4vw, 6.035rem);
  --fs-title: clamp(1.585rem, 1.135rem + 1.8vw, 2.935rem);
  --fs-numeral: clamp(3rem, 2rem + 5vw, 7rem);

  --track-kicker: 0.28em;
  --track-display: 0.06em;
  --track-statement: 0.05em;

  /* Rhythm */
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --measure: 34em;
  --chapter-pad: clamp(6rem, 12vw, 12rem);
  --max-w: 1440px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 240ms;
  --dur-base: 600ms;
  --dur-slow: 1200ms;

  /* Layers */
  --z-grain: 60;
  --z-nav: 70;
  --z-chapters: 65;
  --z-modal: 90;
}