:root {
  --color-bg:             #FFFFFF;
  --color-surface:        #F8F9FB;
  --color-border:         #E4E7EC;
  --color-text-primary:   #101828;
  --color-text-secondary: #667085;
  --color-accent:         #4F46E5;
  --color-accent-hover:   #4338CA;
  --color-accent-light:   #EEF2FF;
  --color-success:        #16A34A;
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
  --font-display: 'Montserrat', system-ui, sans-serif;
  --font-body:    'DM Sans', system-ui, sans-serif;
}