:root {
  --bg-dark: #121314;
  --bg-cream: #f6f0e6;
  --bg-terracotta: #c56b4a;
  --bg-terracotta-deep: #963826;
  --bg-sage: #8f9a8c;
  --text-dark: #1a1a1a;
  --text-light: #ffffff;
  --text-muted: #2f2b27;
  --text-on-sage: #1a1a1a;
  --text-on-terracotta: #f6efe8;
  --border-editorial: rgba(0, 0, 0, 0.1);
  --border-light: rgba(255, 255, 255, 0.22);
  --font-title: "General Sans", "Inter Tight", sans-serif;
  --font-body: "General Sans", "Inter Tight", sans-serif;
  --header-height: 4.5rem;
  --touch-min: 44px;
  --page-gutter: clamp(1.25rem, 3.2vw, 3.5rem);
  --section-space: clamp(5rem, 12vw, 9rem);
  --max-measure: 38rem;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --focus-ring: 2px solid var(--bg-terracotta);
  --title-tracking: 0.025em;
  --title-weight: 400;
}

@media (min-width: 768px) {
  :root {
    --header-height: 5rem;
  }
}