/**
 * CSS custom properties — values must match lib/colors.ts (update both in the same change).
 */
:root {
  --color-black: #000;
  --color-white: #fff;
  --color-purple: #7b1fa2;
  --color-purple-accent: #8a5cf5;
  --color-purple-gradient-start: #9333ea;
  --color-purple-gradient-end: #c4a5fd;
  --color-auth-panel-bg: #050014;
  --color-auth-cta: #9333ea;
  --color-gray-100: #f4f4f5;
  --color-gray-200: #e5e5e5;
  --color-gray-300: #d4d4d8;
  --color-muted-gray: #6b7280;
  --color-red: #ef4444;
  --color-green: #10b981;
  --color-blue: #007aff;
  --color-keyboard-accent: #6c3bff;
  --color-keyboard-toolbar-light: #d1d1d6;
  --color-keyboard-toolbar-dark: #3a3a3c;
  --color-keyboard-chip-light: #ebebf0;
  --color-keyboard-chip-dark: #48484a;
}