:root {
  color-scheme: light;
  --background: #FAFAFF;
  --surface: #F3F1FF;
  --surface-elevated: #FFFFFF;
  --surface-hover: #ECE9FF;
  --primary: #6D5DFB;
  --primary-hover: #5B4AF0;
  --secondary: #A78BFA;
  --accent-soft: #DDD6FE;
  --text-primary: #18181B;
  --text-secondary: #5B5B66;
  --text-muted: #7C7C89;
  --border: #E4E0FA;
  --focus-ring: #8B7CFF;
  --success: #16A34A;
  --warning: #D97706;
  --danger: #DC2626;
}

[data-theme="dark"] {
  color-scheme: dark;
  --background: #0D0C14;
  --surface: #171522;
  --surface-elevated: #1F1C2E;
  --surface-hover: #27233A;
  --primary: #8B7CFF;
  --primary-hover: #9B8EFF;
  --secondary: #C4B5FD;
  --accent-soft: #312E5F;
  --text-primary: #FAFAFA;
  --text-secondary: #C8C6D2;
  --text-muted: #9894A8;
  --border: #302B45;
  --focus-ring: #A78BFA;
  --success: #4ADE80;
  --warning: #FBBF24;
  --danger: #F87171;
}