:root {
  --bg-dark: #0c0c0c;
  --bg-header: #0a0a0a;
  --bg-elevated: #141414;
  --bg-light: #ffffff;
  --bg-milk: #f8f9fa;
  --accent: #ff5500;
  --accent-hot: #ff4500;
  --accent-deep: #e64a00;
  --text-light: #ffffff;
  --text-dark: #161616;
  --text-muted: #5f6368;
  --text-soft: rgba(255, 255, 255, 0.72);
  --line-dark: rgba(255, 255, 255, 0.1);
  --line-light: #ececec;
  --font-display: "Inter Tight", Inter, "Helvetica Neue", Arial, sans-serif;
  --font-body: Inter, "Helvetica Neue", Arial, sans-serif;
  --font-ui: Inter, "Helvetica Neue", Arial, sans-serif;
  --header-height: 72px;
  --touch-min: 44px;
  --radius: 3px;
  --pad-x: clamp(1.15rem, 4.2vw, 4.75rem);
  --section-y: clamp(3.25rem, 6.5vw, 5.75rem);
  --max-copy: 38rem;
  --fs-h1: clamp(2.2rem, 6.2vw, 4.75rem);
  --fs-h2: clamp(1.7rem, 3.8vw, 2.85rem);
  --fs-h3: clamp(1.05rem, 1.5vw, 1.35rem);
  --fs-body: clamp(0.95rem, 1.05vw, 1.05rem);
  --fs-small: 0.72rem;
  --shadow-product: 0 28px 60px rgba(0, 0, 0, 0.45);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --z-overlay: 80;
  --z-header: 100;
  --z-toggle: 110;
}