:root {
  /* Core Palette */
  --color-primary: #98134e;
  --color-primary-rgb: 152, 19, 78;
  --color-primary-hover: #b8175f;
  --color-primary-dim: rgba(152, 19, 78, 0.18);
  --color-primary-glow: rgba(152, 19, 78, 0.38);

  --color-bg: #241c21;
  --color-bg-deep: #161014;
  --color-surface: #1a1418;
  --color-surface-translucent: rgba(26, 20, 24, 0.78);
  --color-surface-hover: #221a20;

  --color-border: #362a31;
  --color-border-subtle: rgba(54, 42, 49, 0.6);
  --color-border-active: rgba(152, 19, 78, 0.45);

  --color-text-primary: #f5f3f4;
  --color-text-secondary: #a3989e;
  --color-text-muted: #73686e;

  --color-success: #10b981;
  --color-success-dim: rgba(16, 185, 129, 0.15);
  --color-warning: #f59e0b;
  --color-info: #3b82f6;

  /* Typography */
  --font-display: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Layout & Spacing */
  --max-width: 1280px;
  --header-height: 72px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Transitions & Shadows */
  --transition-fast: 150ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 250ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 450ms cubic-bezier(0.16, 1, 0.3, 1);

  --shadow-card: 0 4px 24px -1px rgba(0, 0, 0, 0.45);
  --shadow-glow: 0 0 35px -5px rgba(152, 19, 78, 0.35);
  --shadow-glow-sm: 0 0 15px 0 rgba(152, 19, 78, 0.25);
  --glass-blur: blur(14px);
}