/*
  Design tokens: Growth Rings in Ink and brass (SPEC.md, section 2d).
  Change a value here and it changes everywhere. Contrast ratios are noted where they matter.
*/
:root {
  /* Night (ink) */
  --ink: #0d111a;
  --ink-raised: #141925;
  --bone: #e4dfd3;        /* 14.2 : 1 on ink */
  --bone-2: #b0aea7;      /* 8.5 : 1 on ink: secondary text */
  --bone-3: #858482;      /* 5.1 : 1 on ink: captions, labels */
  --brass: #c6a66b;       /* 8.2 : 1 on ink: the origin point, actions, "now", focus */

  /* Daylight (paper) */
  --paper: #efebe3;
  --ink-muted: #555a66;   /* 5.8 : 1 on paper */
  --brass-deep: #7d6230;  /* 4.8 : 1 on paper: brass on daylight */

  /* Hairlines */
  --rule-night: rgba(228, 223, 211, 0.16);
  --rule-day: rgba(13, 17, 26, 0.16);

  /* Type */
  --font-serif: "Newsreader", ui-serif, Georgia, serif;
  --font-sans: "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;

  --text-hero: clamp(2.625rem, 1.2rem + 6vw, 6.5rem);
  --text-title: clamp(2.125rem, 1.5rem + 2.8vw, 4rem);
  --text-case: clamp(2.375rem, 1.4rem + 4.2vw, 5rem);
  --text-statement: clamp(1.625rem, 1.2rem + 1.8vw, 2.75rem);
  --text-lead: clamp(1.125rem, 1rem + 0.4vw, 1.375rem);
  --text-body: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
  --text-ui: 0.9375rem;
  --text-label: 0.75rem;

  /* Space and layout */
  --gutter: clamp(16px, 3.4vw, 48px);
  --max: 1440px;
  --section: clamp(6rem, 4rem + 6vw, 10rem);
  --section-tight: clamp(4rem, 3rem + 4vw, 7rem);
  --radius: 6px;

  /* Motion */
  --ease-grow: cubic-bezier(0.22, 0.61, 0.36, 1);   /* matches power2.out */
  --ease-settle: cubic-bezier(0.215, 0.61, 0.355, 1); /* matches power3.out */
  --dur-short: 250ms;

  color-scheme: dark;
}