:root {
  /* === Colors === */
  --color-bg-primary: #111110;
  --color-bg-secondary: #1a1917;
  --color-surface: #222120;
  --color-accent-burgundy: #7a1f2e;
  --color-accent-burgundy-hover: #9b2d3f;
  --color-accent-gold: #c9a84c;
  --color-gold-light: #d4b96a;
  --color-gold-dark: #a08833;
  --color-text-primary: #f5f0e8;
  --color-text-secondary: #b8b0a8;
  --color-text-dark: #1a1917;
  --color-border: rgba(201, 168, 76, 0.2);
  --color-card-border: rgba(201, 168, 76, 0.15);
  --color-card-border-hover: rgba(201, 168, 76, 0.4);
  --color-gold-overlay: rgba(201, 168, 76, 0.1);
  --color-overlay-dark: rgba(17, 17, 16, 0.4);
  --color-overlay-darker: rgba(17, 17, 16, 0.8);
  --color-bg-light: #f5f0e8;
  --color-bg-footer: #0d0d0c;
  --color-text-muted-light: #c8c0b8;
  --color-success: #2d6b4a;
  --color-error: #c94c4c;

  /* === Typography === */
  --font-heading: "Playfair Display", serif;
  --font-body: "DM Sans", sans-serif;
  --font-size-h1: 64px;
  --font-size-h2: 48px;
  --font-size-h3: 32px;
  --font-size-h4: 24px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  --font-size-label: 12px;
  --line-height-heading: 1.1;
  --line-height-body: 1.7;
  --letter-spacing-heading: -0.02em;
  --letter-spacing-label: 0.1em;

  /* === Spacing === */
  --spacing-unit: 8px;
  --spacing-section: 120px;
  --spacing-section-tablet: 80px;
  --spacing-section-mobile: 60px;
  --spacing-card-gap: 32px;
  --spacing-small-gap: 24px;

  /* === Layout === */
  --max-width: 1200px;
  --navbar-height: 80px;

  /* === Border Radius === */
  --radius-button: 4px;
  --radius-card: 0px;

  /* === Transitions === */
  --transition-base: 0.3s ease;
}