:root {
  /* Unified Atmospheric Dark Palette — Single Cohesive World */
  --bg-main: #0c0d0c;
  --bg-surface: #131514;
  --bg-surface-elevated: #1a1c1b;
  --bg-surface-glass: rgba(19, 21, 20, 0.75);

  --text-primary: #f4f2ed;
  --text-muted: #8b928e;
  --text-subtle: #585e5a;

  --accent-gold: #c8a355;
  --accent-gold-soft: rgba(200, 163, 85, 0.12);
  --accent-gold-glow: rgba(200, 163, 85, 0.25);
  --accent-red: #d64527;
  --accent-green: #2bb673;

  --border-hairline: rgba(244, 242, 237, 0.08);
  --border-medium: rgba(244, 242, 237, 0.16);
  --border-strong: rgba(244, 242, 237, 0.28);

  /* Typography — open, readable grotesques */
  --font-display: "Manrope", "Helvetica Neue", sans-serif;
  --font-body: "Figtree", "Helvetica Neue", sans-serif;
  --font-mono: "IBM Plex Mono", "SF Mono", Menlo, monospace;

  /* Scale */
  --text-xs: 0.75rem;
  --text-sm: 0.85rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;

  --display-hero: clamp(2.6rem, 5.5vw, 4.25rem);
  --display-section: clamp(2rem, 3.6vw, 2.85rem);

  /* Spacing & Layout */
  --header-height: 4rem;
  --touch-min: 44px;
  --container-max: 72rem;
  --gutter: clamp(1.25rem, 3.5vw, 2.25rem);
  --section-pad: clamp(3rem, 5.5vw, 5rem);

  /* Radius — Restrained & Subtle */
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 10px;

  /* Timing */
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);

  /* Focus */
  --focus-ring: 0 0 0 2px var(--accent-gold);
}