:root {
  --bg-primary:     #F8F9FC;
  --bg-secondary:   #FFFFFF;
  --bg-sidebar:     linear-gradient(180deg, #4361EE 0%, #3A0CA3 100%);
  --bg-card:        #FFFFFF;
  --bg-input:       #FFFFFF;
  --bg-hover:       #F0F4FF;
  --text-primary:   #1A1A2E;
  --text-secondary: #6C757D;
  --text-muted:     #9E9E9E;
  --text-sidebar:   rgba(255,255,255,0.80);
  --border:         #E0E0E0;
  --border-light:   #F0F0F0;
  --accent:         #4361EE;
  --accent-dark:    #3A0CA3;
  --accent-light:   #EEF2FF;
  --success:        #4CAF50;
  --success-light:  #E8F5E9;
  --warning:        #F9C74F;
  --warning-light:  #FFF8E1;
  --danger:         #E63946;
  --danger-light:   #FFEBEE;
  --info:           #4CC9F0;
  --info-light:     #E0F7FA;
  --neutral:        #9E9E9E;
  --neutral-light:  #F5F5F5;
  --shadow-sm:      0 1px 4px rgba(0,0,0,0.06);
  --shadow-md:      0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg:      0 8px 32px rgba(0,0,0,0.12);
  --radius-sm:      6px;
  --radius-md:      10px;
  --radius-lg:      16px;
  --topbar-bg:      #FFFFFF;
  --topbar-border:  #E0E0E0;
  --sidebar-width:  260px;
  --topbar-height:  64px;
}

[data-theme="dark"] {
  --bg-primary:     #0D1117;
  --bg-secondary:   #161B22;
  --bg-sidebar:     linear-gradient(180deg, #1C2333 0%, #0D1117 100%);
  --bg-card:        #161B22;
  --bg-input:       #21262D;
  --bg-hover:       #21262D;
  --text-primary:   #E6EDF3;
  --text-secondary: #8B949E;
  --text-muted:     #6E7681;
  --text-sidebar:   rgba(255,255,255,0.70);
  --border:         #30363D;
  --border-light:   #21262D;
  --accent:         #4CC9F0;
  --accent-dark:    #4361EE;
  --accent-light:   #1C2A3A;
  --success:        #56CF64;
  --success-light:  #1A2D1A;
  --warning:        #FFD166;
  --warning-light:  #2D2515;
  --danger:         #FF4D5A;
  --danger-light:   #2D1515;
  --info:           #4CC9F0;
  --info-light:     #152028;
  --neutral:        #6E7681;
  --neutral-light:  #21262D;
  --shadow-sm:      0 1px 4px rgba(0,0,0,0.30);
  --shadow-md:      0 4px 16px rgba(0,0,0,0.40);
  --shadow-lg:      0 8px 32px rgba(0,0,0,0.50);
  --topbar-bg:      #161B22;
  --topbar-border:  #30363D;
}