:root {
  --color-bg-primary: #06080d;
  --color-bg-secondary: #0d121a;
  --color-bg-tertiary: #121a24;
  --color-bg-elevated: #182331;
  --color-bg-soft: rgba(20, 30, 42, 0.72);
  --color-accent-primary: #18c37d;
  --color-accent-secondary: #0f9f68;
  --color-accent-soft: #7de0b4;
  --color-accent-gold: #c8a463;
  --color-accent-gold-soft: #f0d8a7;
  --color-text-primary: #f7f5ef;
  --color-text-secondary: #bac5c2;
  --color-text-tertiary: #7f8a88;
  --color-text-on-accent: #07110d;
  --color-border: rgba(188, 208, 202, 0.14);
  --color-border-strong: rgba(200, 164, 99, 0.32);
  --color-success: #18c37d;
  --color-warning: #c8a463;
  --color-error: #ff6f61;
  --color-overlay: rgba(5, 8, 14, 0.82);
  --gradient-page:
    radial-gradient(circle at 15% 20%, rgba(200, 164, 99, 0.12), transparent 30%),
    radial-gradient(circle at 85% 18%, rgba(24, 195, 125, 0.1), transparent 26%),
    linear-gradient(180deg, #070a10 0%, #081018 32%, #06080d 100%);
  --gradient-hero:
    linear-gradient(140deg, rgba(8, 11, 17, 0.98) 0%, rgba(13, 19, 28, 0.92) 50%, rgba(12, 37, 29, 0.86) 100%);
  --gradient-panel:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.01) 100%);
  --gradient-accent:
    linear-gradient(135deg, #1cd184 0%, #11b173 52%, #0c865c 100%);
  --gradient-gold:
    linear-gradient(135deg, #f0d8a7 0%, #c8a463 46%, #8e6f33 100%);

  --font-primary: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-md: 1.125rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-3xl: 3rem;
  --font-size-4xl: 4.5rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-heavy: 800;
  --line-height-tight: 1.04;
  --line-height-normal: 1.72;
  --line-height-relaxed: 1.86;

  --spacing-xs: 0.35rem;
  --spacing-sm: 0.6rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;
  --spacing-4xl: 6rem;

  --max-width: 1200px;
  --content-width: 1080px;
  --border-radius-sm: 10px;
  --border-radius-md: 18px;
  --border-radius-lg: 26px;
  --border-radius-xl: 34px;
  --shadow-sm: 0 16px 34px rgba(0, 0, 0, 0.18);
  --shadow-md: 0 24px 54px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 34px 88px rgba(0, 0, 0, 0.42);
  --shadow-glow: 0 24px 64px rgba(24, 195, 125, 0.16);
  --shadow-gold: 0 22px 60px rgba(200, 164, 99, 0.16);

  --transition-fast: 180ms ease;
  --transition-normal: 260ms ease;
  --transition-slow: 420ms ease;
}