:root {
  --gold:      #D4A843;
  --gold2:     #DDB87A;
  --gold-dim:  rgba(212,168,67,.12);
  --bg:        #06070A;
  --bg-1:      #0D0F14;
  --bg-2:      #12151C;
  --snow:      #EEF0F8;
  --muted:     #5A6280;
  --red:       #EF4444;
  --green:     #22C55E;
}

/* ── WCAG 2.5.5 — Tap targets ≥44×44 on touch/mobile ──────────────────── */
@media (pointer: coarse), (max-width: 768px) {
  .lang-btn,
  .nav-lang-btn {
    min-width: 44px;
    min-height: 44px;
    padding: 12px 10px;
  }

  .nav-ham,
  .dash-ham {
    min-width: 44px;
    min-height: 44px;
  }

  .snet-btn,
  button[aria-label*="Share"],
  button[aria-label*="share"] {
    min-width: 44px;
    min-height: 44px;
  }

  .info-toggle-btn,
  button[aria-label*="Info"],
  button[aria-label*="info"] {
    min-width: 44px;
    min-height: 44px;
    padding: 12px;
  }
}

/* ── WCAG 1.4.4 — Phase labels minimum legible size ───────────────────── */
.phase-label,
.phase-range,
[class*="phase-name"] {
  font-size: max(11px, 0.75em);
}