/* theme/colors.css */
:root {
  --deep-magenta: #D6218C;
  --pink: #E12F7C;
  --red-pink: #EE4A60;
  --bright-red: #F02C3F;
  --orange: #FC7C3A;
  --green: #4CAF50;
  --red: #F44336;
  --blue: #2196F3;
  --yellow: #FFEB3B;
  --purple: #9C27B0;

  --gray-50: #F9FAFB;
  --gray-100: #F3F4F6;
  --gray-200: #E5E7EB;
  --gray-300: #D1D5DB;
  --gray-400: #9CA3AF;
  --gray-500: #6B7280;
  --gray-600: #4B5563;
  --gray-700: #374151;
  --gray-800: #1F2937;
  --gray-900: #111827;

  /* semantic aliases (optional) */
  --primary: var(--deep-magenta);
  --sidebar-bg: #ffffff;
  --sidebar-hover: var(--gray-100);
  --sidebar-active: var(--deep-magenta);
  --sidebar-text: var(--gray-700);
  --sidebar-text-active: #ffffff;
}