/* globals.css */
@layer base {
  :root {
    --bg-base:      theme('colors.slate.100');
    --bg-surface:   theme('colors.white');
    --bg-elevated:  theme('colors.slate.200');
    --border:       theme('colors.slate.300');
    --text-primary: theme('colors.slate.900');
    --text-muted:   theme('colors.slate.500');
    --accent:       theme('colors.sky.700');
    --accent-warm:  theme('colors.orange.700');
    --success:      theme('colors.emerald.700');
    --danger:       theme('colors.rose.700');
  }

  .dark {
    --bg-base:      theme('colors.slate.950');
    --bg-surface:   theme('colors.slate.900');
    --bg-elevated:  theme('colors.slate.800');
    --border:       theme('colors.slate.700');
    --text-primary: theme('colors.slate.200');
    --text-muted:   theme('colors.slate.400');
    --accent:       theme('colors.cyan.400');
    --accent-warm:  theme('colors.orange.600');
    --success:      theme('colors.emerald.400');
    --danger:       theme('colors.rose.500');
  }
}