:root {

  --sheet: #0a0908;
  --sheet-2: #13110f;
  --grid: #2b261f;
  --rule: #25211c;
  --frame: #3a3128;
  --copper: #c57a3c;
  --ember: #ff8f5c;
  --ice: #dbeeff;
  --sky: #7fb8ff;
  --ink: #ebe3d6;
  --ink-soft: #a2978a;
  --ink-faint: #6a6157;

  --sheet-3: #15120f;
  --sheet-cool: #0a0d11;
  --hatch: rgba(197, 122, 60, .13);
  --contour: #2a241d;
  --contour-index: #3d3329;

  --font-display: 'Comfortaa', system-ui, sans-serif;
  --font-text: 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --font-label: 'IBM Plex Mono', ui-monospace, Consolas, monospace;

  --size-hero: clamp(40px, 5.2vw, 64px);
  --size-h2: clamp(28px, 3.2vw, 40px);
  --size-body: 17px;
  --size-label: 12px;
  --track-label: .16em;

  --grid-step: 22px;
  --radius-frame: 14px;
  --gutter: clamp(16px, 4vw, 56px);
}