:root {
  --brand: #ef4824;
  --brand-hover: #d63a1c;
  --brand-soft: #fff0ec;
  --brand-glow: rgba(239, 72, 36, 0.28);
  --brand-gradient: linear-gradient(135deg, #f06a45 0%, #ef4824 45%, #e03a18 100%);
  --canvas: #f8f6f3;
  --cream: #f3f0eb;
  --parchment: #ebe7e1;
  --charcoal: #1a1918;
  --muted: #6b6560;
  --line: #e8e2da;
  --white: #ffffff;
  --glass: rgba(255, 255, 255, 0.78);
  --glass-border: rgba(255, 255, 255, 0.65);
  --warm-glow: rgba(255, 180, 140, 0.15);
  --font-display: "Playfair Display", Georgia, serif;
  --font-sans: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
  --radius-card: 1.5rem;
  --radius-pill: 9999px;
  --shadow-soft: 0 28px 80px -36px rgba(26, 25, 24, 0.12);
  --shadow-card: 0 20px 56px -28px rgba(26, 25, 24, 0.14);
  --shadow-lift: 0 24px 64px -24px rgba(239, 72, 36, 0.22);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.2, 0.64, 1);
  --nav-h: 5.5rem;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-scale: 0;
  }
}