/* Mirrors design/tokens.json — update both. */
:root {
  --ink: #08080a;
  --ink-raised: #111114;
  --line: #26262b;
  --ash: #8a8a91;
  --bone: #e9e5dc;
  --signal: var(--bone); /* main.js sets this to the signal colour of the room in view */

  --font-display: "Instrument Serif", "Times New Roman", serif;
  --font-ui: "Inter Tight", "Helvetica Neue", Arial, sans-serif;
  --font-placard: "JetBrains Mono", ui-monospace, Menlo, monospace;

  --size-placard: 0.6875rem;
  --size-body: 1rem;
  --size-lead: clamp(1.25rem, 2.2vw, 1.75rem);
  --size-display: clamp(2.75rem, 8vw, 7.5rem);
  --size-wordmark: clamp(4rem, 19vw, 18rem);

  --gutter: clamp(20px, 5vw, 80px);
  --room: clamp(96px, 18vh, 220px);

  --track-placard: 0.18em;
  --track-wordmark: -0.045em;

  --dur: 900ms;
  --ease: cubic-bezier(0.2, 0.7, 0.1, 1);
}