:root {
  color-scheme: light;
  /* Paper and ink: long reading always sits here. */
  --paper: #F8F7F2;
  --paper-2: #F1EDE3;
  --light: #FFFFFF;
  --ink: #1C302D;
  --ink-2: #3F4D48;
  --ink-3: #55645B;
  --line: #CCD2C8;
  --line-soft: rgb(28 48 45 / .12);
  /* Night: the immersive bands (opening, philosophy, contact). */
  --night: #0A2826;
  --night-2: #0D302D;
  --teal: #0F3A37;
  --teal-accent: #35736C;
  --on-night: #F3EFE6;
  --on-night-2: #C9D6D0;
  --on-night-3: #9FB3AC;
  --line-dark: #54706A;
  --line-night: rgb(243 239 230 / .14);
  /* Champagne and gold: the thread. */
  --champagne: #E9DBC4;
  --gold: #D9BC8A;
  --gold-ink: #86652F;
  --pearl: #FDFCF9;
  --mint: #7FB5A9;
  --focus: #8A5A28;
  /* Strand colours (decorative only, never text). */
  --strand-teach: #C9A36A;
  --strand-build: #2F766F;
  --strand-question: #5D8FA0;

  --font: "Instrument Sans", "PH Fallback", Arial, sans-serif;
  --serif: "Instrument Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --bengali: "Bangla Sangam MN", "Noto Sans Bengali", "Nirmala UI", "Vrinda", sans-serif;

  --content: 84rem;
  --gutter: clamp(1.25rem, 4.2vw, 4.5rem);
  --section: clamp(5rem, 9vw, 9.5rem);
  --s-1: .25rem;
  --s-2: .5rem;
  --s-3: .75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;
  --s-10: 8rem;
  --hairline: 1px;
  --focus-width: 2px;
  --focus-offset: 4px;
  --tap: 44px;
  --radius: .375rem;
  --radius-lg: 1.25rem;
  --radius-xl: 2rem;
  --pill: 999px;

  --fs-micro: .75rem;
  --fs-small: .875rem;
  --fs-body: 1.0625rem;
  --fs-lede: clamp(1.2rem, 1.02rem + .6vw, 1.55rem);
  --fs-h3: clamp(1.35rem, 1.12rem + .8vw, 1.9rem);
  --fs-h2: clamp(2.4rem, 1.35rem + 3.6vw, 4.9rem);
  --fs-page: clamp(3.1rem, 1.3rem + 6.4vw, 8rem);
  --fs-name: clamp(4.4rem, min(1.2rem + 10.4vw, 17.5vh), 12.5rem);
  --fs-statement: clamp(2.7rem, 1.3rem + 5.2vw, 7.4rem);
  --fs-numeral: clamp(3rem, 2rem + 3vw, 5.5rem);
  --lh-body: 1.7;
  --lh-heading: 1.02;
  --lh-name: .86;
  --tr-heading: -.035em;
  --tr-name: -.055em;
  --tr-label: .16em;
  --measure: 40rem;
  --hero-measure: 34rem;
  --nav-width: 13.5rem;
  --header-h: 4.75rem;
  --anchor-space: 6.5rem;

  --ease: cubic-bezier(.22, .8, .24, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --duration: 240ms;
  --reveal: 1100ms;
  --rise: -2px;
  --header-layer: 30;
  --menu-layer: 40;
  --skip-layer: 50;

  --grain-url: url(../assets/v1/grain.png);
  --grain-size: 128px;
  --print-gutter: 15mm;
  --print-text: 10pt;
  --print-heading: 22pt;
}