:root {
  /* Brand Gradient Colors */
  --pink-light: #F0ABFC;
  --fuchsia: #E879F9;
  --orchid: #D946EF;
  --lavender: #B78BF5;
  --violet: #A78BFA;
  --indigo: #818CF8;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #F0ABFC 0%, #E879F9 28%, #B78BF5 58%, #818CF8 100%);
  --gradient-button: linear-gradient(135deg, #D946EF 0%, #818CF8 100%);
  --gradient-subtle: linear-gradient(135deg, rgba(217, 70, 239, 0.15) 0%, rgba(129, 140, 248, 0.15) 100%);

  /* Semantic */
  --success: #34D399;
  --success-light: #86efac;
  --warning: #FBBF24;
  --error: #F87171;
  --error-solid: #ef4444;
}

/* Dark theme (default) */
[data-theme="dark"] {
  --bg: #09090F;
  --surface: #12121A;
  --surface-hover: #1A1A26;
  --border: #2A2A3A;
  --text-primary: #F4F4F5;
  --text-secondary: #A1A1AA;
  --text-muted: #71717A;
  --glass-bg: rgba(18, 18, 26, 0.7);
  --glass-border: rgba(255, 255, 255, 0.08);
}

/* Light theme */
[data-theme="light"] {
  --bg: #FAFAFA;
  --surface: #FFFFFF;
  --surface-hover: #F4F4F5;
  --border: #E4E4E7;
  --text-primary: #18181B;
  --text-secondary: #52525B;
  --text-muted: #A1A1AA;
  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(0, 0, 0, 0.08);
}