:root {
  --color-bg: #0f1214;
  --color-bg-elevated: #171b1f;
  --color-panel: #21262c;
  --color-surface: #f3efe8;
  --color-surface-strong: #ffffff;
  --color-surface-soft: #f8f5f0;
  --color-text: #eef2f6;
  --color-text-muted: #b5c0cb;
  --color-text-dark: #171b1f;
  --color-text-soft: #525b66;
  --color-line: rgba(255, 255, 255, 0.1);
  --color-line-strong: rgba(255, 255, 255, 0.18);
  --color-line-dark: rgba(23, 27, 31, 0.12);
  --color-accent: #d4571f;
  --color-accent-strong: #f06f2f;
  --color-accent-soft: rgba(212, 87, 31, 0.12);
  --color-highlight: #d5b06f;
  --shadow-soft: 0 20px 40px rgba(0, 0, 0, 0.16);
  --shadow-medium: 0 28px 58px rgba(0, 0, 0, 0.2);
  --shadow-strong: 0 36px 80px rgba(0, 0, 0, 0.28);
  --radius-sm: 16px;
  --radius-md: 24px;
  --radius-lg: 34px;
  --container: 1180px;
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 6rem;
  --font-sans: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Franklin Gothic Heavy", "Arial Black", "Segoe UI", sans-serif;
  --transition: 180ms ease;
}