:root {
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Cormorant Garamond", Georgia, serif;

  --color-bg: #050308;
  --color-bg-strong: #09060d;
  --color-bg-elevated: #0f0c13;
  --color-surface: rgba(17, 14, 22, 0.76);
  --color-surface-strong: rgba(23, 19, 29, 0.92);
  --color-surface-soft: rgba(255, 255, 255, 0.02);
  --color-line: rgba(255, 255, 255, 0.08);
  --color-line-soft: rgba(255, 255, 255, 0.04);
  --color-line-strong: rgba(216, 178, 109, 0.28);

  --color-text: #f4eee3;
  --color-text-soft: #c7bdad;
  --color-text-muted: #8a7f72;
  --color-accent: #d8b26d;
  --color-accent-strong: #efc87a;
  --color-accent-rgb: 216, 178, 109;
  --color-accent-cool-rgb: 86, 98, 132;
  --color-danger: #8f4532;

  --shadow-panel: 0 18px 42px rgba(0, 0, 0, 0.28);
  --shadow-hero: 0 30px 72px rgba(0, 0, 0, 0.4);
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.05);

  --container-width: 1120px;
  --container-narrow: 720px;

  --space-8: 0.5rem;
  --space-12: 0.75rem;
  --space-16: 1rem;
  --space-20: 1.25rem;
  --space-24: 1.5rem;
  --space-32: 2rem;
  --space-40: 2.5rem;
  --space-48: 3rem;
  --space-56: 3.5rem;
  --space-64: 4rem;
  --space-80: 5rem;
  --space-96: 6rem;

  --radius-sm: 0.9rem;
  --radius-md: 1.3rem;
  --radius-lg: 1.8rem;
  --radius-xl: 2.4rem;
  --radius-pill: 999px;

  --text-xs: 0.76rem;
  --text-sm: 0.92rem;
  --text-base: 1rem;
  --text-lg: 1.08rem;
  --text-xl: clamp(1.9rem, 1.5vw + 1.35rem, 2.9rem);
  --text-hero: clamp(3.1rem, 7vw, 6rem);
  --hero-stage-height: clamp(31rem, 40vw, 38rem);

  --lh-tight: 0.98;
  --lh-heading: 1.05;
  --lh-copy: 1.72;

  --duration-fast: 180ms;
  --duration-normal: 280ms;
  --duration-slow: 500ms;
  --easing-standard: cubic-bezier(0.22, 1, 0.36, 1);
}