:root {
  --cd-bg: #12141a;
  --cd-bg-elevated: #1a1d26;
  --cd-bg-soft: #22262f;
  --cd-surface: #2a2f3a;
  --cd-text: #f4f1ea;
  --cd-text-muted: #b8b3a8;
  --cd-amber: #c9a227;
  --cd-amber-soft: #d4b84a;
  --cd-amber-dim: rgba(201, 162, 39, 0.18);
  --cd-border: rgba(244, 241, 234, 0.12);
  --cd-focus: #e8c547;
  --cd-danger: #c45c4a;
  --cd-font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --cd-font-body: "Source Sans 3", "Segoe UI", sans-serif;
  --cd-radius: 2px;
  --cd-header-h: 4.5rem;
  --cd-max: 72rem;
  --cd-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --cd-ease: linear;
  }
}