/* Monokrom. Der er ingen mættet farve i denne fil, og der skal ikke komme nogen.
   Alt varmt på siden er lys beregnet i WebGL, ikke maling i CSS.
   Ink + on-dark: pixel-exact fra Laurits’ reference (2026-07-27). */
:root {
  --ink: #0c0c0c;
  --ink-2: #141414;
  --graphite: #1a1a1c;
  /* Lys flade — pixel-exact fra Laurits’ reference. Alle lyse sektioner deler dem. */
  --light: #f1f1f1;
  --grey: var(--light);
  --bone: var(--light);
  --white: #ffffff; /* kun knapper/kontrast-flader, ikke sektionsbaggrund */

  --on-dark: #cccccc;
  --on-dark-dim: rgba(204, 204, 204, 0.55);
  --on-light: #2b2b2b;
  --on-light-dim: rgba(43, 43, 43, 0.55);
  --on-grey: var(--on-light);
  --on-grey-dim: var(--on-light-dim);

  --hair-dark: rgba(204, 204, 204, 0.12);
  --hair-light: rgba(43, 43, 43, 0.14);

  /* De eneste tilladte radier. Piller til handlinger, hårfine radier til
     medier. Intet derimellem, intet større, og aldrig nul. */
  --r-pill: 9999px;
  --r-sm: 3.6px;
  --r-md: 7.2px;

  --display: "Familjen Grotesk", ui-sans-serif, system-ui, sans-serif;
  --sans: "Inter Tight", ui-sans-serif, system-ui, -apple-system, sans-serif;

  --gut: clamp(1.25rem, 3.2vw, 3rem);
  /* Om os rykker alt under etiketten ind. Ligger her, fordi både sektionen og
     mellemrummet under den skal ramme præcis samme kant. */
  --about-indent: clamp(3.5rem, 9vw, 9rem);
  --hdr-h: 96px;

  /* Én kurve til alt der flytter sig. Lang, blød opbremsning. */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}