/* CSS Variables - Theme Configuration */
:root {
  /* Primary Colors */
  --primary: #6C5CE7;
  --primary-light: #A29BFE;
  --primary-dark: #5A4BD1;

  /* Accent Colors */
  --accent: #FD79A8;
  --accent-light: #FEA8C8;

  /* Background Colors */
  --bg: #0B0B1A;
  --surface: #111128;
  --surface2: #1A1A3A;
  --surface3: #242450;

  /* Text Colors */
  --text: #EBEBF5;
  --text-dim: #A0A0C0;
  --text-muted: #6A6A90;

  /* Border Colors */
  --border: #252550;
  --border-light: #353570;

  /* Status Colors */
  --success: #00E676;
  --warning: #FFD740;
  --error: #FF5252;

  /* Border Radius */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 20px;
  --radius-xl: 26px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.25);
  --shadow: 0 4px 20px rgba(0,0,0,0.35);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.5);

  /* Easing Functions */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}