:root {
  /* Brand Dark Colors */
  --bg-dark-base: #110C29;
  --bg-dark-deep: #0B0818;
  --bg-dark-surface: #17122F;
  --bg-dark-elevated: #1D1740;
  --bg-dark-card: rgba(255, 255, 255, 0.035);
  --bg-dark-card-hover: rgba(255, 255, 255, 0.06);

  /* Brand Light Colors */
  --bg-light-base: #F7F7F9;
  --bg-light-surface: #FFFFFF;
  --bg-light-elevated: #FAFAFC;
  --bg-light-card: #FFFFFF;
  --bg-light-card-hover: #F8F8FC;

  /* Brand Purples */
  --purple-primary: #7040F5;
  --purple-dark: #6738E8;
  --purple-bright: #7A4DFF;
  --purple-glow: #855CFF;
  --purple-gradient: linear-gradient(135deg, #7040F5 0%, #9B51E0 100%);
  --purple-gradient-subtle: linear-gradient(135deg, rgba(112, 64, 245, 0.15) 0%, rgba(155, 81, 224, 0.05) 100%);

  /* Lavender & Soft Accents */
  --lavender-100: #EEEAFE;
  --lavender-200: #DDD8FF;
  --lavender-300: #C8BEFF;
  --lavender-400: #AFA0FF;

  /* Text Colors */
  --text-white: #FFFFFF;
  --text-light-primary: #F4F2FF;
  --text-light-secondary: #D8D4E8;
  --text-light-muted: #9D96BC;
  
  --text-dark-primary: #111111;
  --text-dark-secondary: #2B2B36;
  --text-dark-muted: #646477;

  /* Borders */
  --border-dark: rgba(255, 255, 255, 0.08);
  --border-dark-hover: rgba(112, 64, 245, 0.45);
  --border-light: #E8E8EF;
  --border-light-hover: rgba(112, 64, 245, 0.35);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.14);
  --shadow-purple-glow: 0 12px 36px rgba(112, 64, 245, 0.28);
  --shadow-card-dark: 0 14px 40px rgba(7, 4, 18, 0.45);

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  /* Typography */
  --font-main: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Layout Constraints */
  --container-max: 1320px;
  --container-narrow: 1100px;
  --header-height: 72px;
  --utility-height: 36px;

  /* Transitions */
  --transition-fast: 180ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 260ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 450ms cubic-bezier(0.16, 1, 0.3, 1);
}