:root {
  /* Color Palette: Depressive / Gloomy Dark Minimalist */
  --color-bg-base: #060608;
  --color-bg-surface: #0d0d11;
  --color-bg-surface-elevated: #131318;
  --color-bg-glass: rgba(13, 13, 17, 0.75);
  --color-bg-glass-active: rgba(20, 20, 26, 0.85);

  --color-border-subtle: rgba(255, 255, 255, 0.07);
  --color-border-medium: rgba(255, 255, 255, 0.14);
  --color-border-accent: rgba(184, 39, 56, 0.5);

  --color-crimson: #a62635;
  --color-crimson-light: #c93447;
  --color-crimson-glow: rgba(166, 38, 53, 0.25);
  --color-crimson-subtle: rgba(166, 38, 53, 0.12);

  --color-text-primary: #ededf0;
  --color-text-secondary: #9a9aa4;
  --color-text-muted: #565660;
  --color-text-accent: #e2495d;

  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-serif: 'EB Garamond', 'Cinzel', 'Georgia', 'Times New Roman', serif;

  /* Spacing Scale */
  --space-2xs: 0.25rem;  /* 4px */
  --space-xs: 0.5rem;    /* 8px */
  --space-sm: 0.75rem;   /* 12px */
  --space-md: 1rem;      /* 16px */
  --space-lg: 1.5rem;    /* 24px */
  --space-xl: 2rem;      /* 32px */
  --space-2xl: 3rem;     /* 48px */

  /* Dimensions */
  --header-height: 64px;
  --footer-height: 52px;

  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 160ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 280ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 450ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Shadows */
  --shadow-card: 0 24px 60px rgba(0, 0, 0, 0.7), 0 0 0 1px var(--color-border-subtle);
  --shadow-glow: 0 0 35px var(--color-crimson-glow);
}