:root {
  /* Color Palette */
  --primary: #607AFB;
  --background-light: #f5f6f8;
  --background-dark: #0f172a;
  /* Slate 900 */
  --surface-light: #ffffff;
  --surface-dark: #1e293b;
  /* Slate 800 */

  /* Text Colors */
  --text-main: #0f172a;
  /* slate-900 */
  --text-muted: #64748b;
  /* slate-500 */
  --text-inverse: #ffffff;

  /* Status Colors */
  --success: #10b981;
  --warning: #f59e0b;
  --error: #ef4444;
}

/* Dark Mode Overrides (if we implement system dark mode toggle later) */
@media (prefers-color-scheme: dark) {
  :root {
    /* These mappings will align with the Tailwind 'dark:' variants */
  }
}