/* ═══════════════════════════════════════════════════════════════
   THE PUNCHED ROLL — nopslabs.com design tokens
   One program, shown twice: holes = what it was told; keys = what it does.
   ═══════════════════════════════════════════════════════════════ */
:root {
  /* — grounds — */
  --ebony: #0E0D0B;          /* page ground, tracker bar, black keys */
  --ebony-2: #16120E;        /* lifted panel on ebony */
  --ebony-3: #1E1913;        /* highest lift on ebony */
  --kraft: #EFE7D8;          /* roll paper */
  --kraft-2: #E4D9C2;        /* shaded paper */
  --ivory: #F4EFE6;          /* key naturals, display type on ebony */
  --ivory-d: #C9C0AC;        /* dimmed ivory */
  --ink: #241C12;            /* text on kraft */

  /* — metals & felt — */
  --brass: #B08D3F;          /* the only metal: tracker hairline, rules, numerals */
  --brass-d: #7E6428;        /* dimmed brass */
  --felt: #7A1F2B;           /* hammer felt red — ACTIVE states ONLY */
  --felt-dark: #5E1620;      /* pressed felt */
  --copper: #9A5B33;         /* annotations, leader lines */
  --verdigris: #435E53;      /* status / ok */

  /* — type — */
  --serif: 'Fraunces', 'Georgia', serif;
  --mono: 'IBM Plex Mono', 'Courier New', monospace;

  /* — layout — */
  --gutter: clamp(20px, 4vw, 72px);
  --maxw: 1440px;
  --track: 61.8vh;           /* the tracker bar: fixed at the vertical golden section */

  /* — mechanism timing (constant velocity: the roll never accelerates) — */
  --mech: 0s linear;
  --sfumato: 620ms cubic-bezier(.7, 0, .2, 1);  /* artistic reveals */
}

/* selection like a struck key */
::selection { background: var(--felt); color: var(--ivory); }