:root {
  /* ═══ KOLORY ═══ */
  --c-ink:     #1C1C1A;
  --c-dark:    #111110;
  --c-paper:   #FAFAF8;
  --c-mist:    #F0EBE2;
  --c-gold:    #C9A84C;
  --c-gold-lt: #F5EDD8;
  --c-forest:  #2D4A3E;
  --c-smoke:   #595959; /* #595959 on #FAFAF8 = 7.0:1 (AAA) */
  --c-ash:     #6E6E6E; /* #6E6E6E on #FAFAF8 = 4.86:1 (AA) */
  --c-gold-dk: #826820; /* #826820 on #FAFAF8 = 5.36:1 (AA) */
  --c-rule:    #E0DAD0;

  /* ═══ FONTY ═══ */
  --f-serif:  'Cormorant Garamond', Georgia, serif;
  --f-sans:   'Space Grotesk', system-ui, sans-serif;
  --f-mono:   'Space Mono', 'Courier New', monospace;
  --f-script: 'Pinyon Script', cursive;

  /* ═══ BORDER ═══ */
  --border:      2px solid var(--c-ink);
  --border-rule: 1px solid var(--c-rule);
  --border-dash: 1px dashed var(--c-rule);

  /* ═══ TRANSITION ═══ */
  --ease-premium: cubic-bezier(0.32, 0.72, 0, 1);
  --t: 220ms var(--ease-premium);

  /* ═══ LAYOUT ═══ */
  --max-w:    1280px;
  --nav-h:    54px;
  --ticker-h: 34px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}