/* ============ DESIGN TOKENS — 2026 ============ */

:root[data-theme="light"] {
  /* Surfaces */
  --bg-body:       #F0F4F8;
  --bg-card:       #FFFFFF;
  --bg-sidebar:    #FFFFFF;
  --bg-hover:      #F8FAFC;
  --bg-muted:      #F1F5F9;

  /* Text */
  --t-base:        #1E293B;
  --t-muted:       #64748B;
  --t-light:       #94A3B8;
  --t-inverse:     #FFFFFF;

  /* Borders */
  --border:        #E4E8EF;
  --border-soft:   #EEF1F5;

  /* Brand — blue */
  --primary:       #2563EB;
  --primary-light: #3B82F6;
  --primary-dark:  #1D4ED8;
  --primary-soft:  #EFF6FF;
  --primary-ring:  rgba(37, 99, 235, 0.18);

  /* Semantic */
  --success:       #10B981;
  --success-soft:  #ECFDF5;
  --warning:       #F59E0B;
  --warning-soft:  #FFFBEB;
  --danger:        #EF4444;
  --danger-soft:   #FEF2F2;
  --info:          #0EA5E9;
  --info-soft:     #F0F9FF;
  --purple:        #8B5CF6;
  --purple-soft:   #F5F3FF;
  --pink:          #EC4899;
  --pink-soft:     #FDF2F8;
  --teal:          #14B8A6;
  --teal-soft:     #F0FDFA;
  --orange:        #F97316;
  --orange-soft:   #FFF7ED;
  --shadow-sm:   0 1px 2px 0 rgb(15 23 42 / 0.04);
  --shadow-card: 0 1px 3px 0 rgb(15 23 42 / 0.06), 0 1px 2px -1px rgb(15 23 42 / 0.04);
  --shadow-lg:   0 10px 15px -3px rgb(15 23 42 / 0.08), 0 4px 6px -4px rgb(15 23 42 / 0.05);
  --overlay: rgba(240, 244, 248, 0.72);
}

:root[data-theme="dark"] {
  --bg-body:       #0B1120;
  --bg-card:       #141B2D;
  --bg-sidebar:    #141B2D;
  --bg-hover:      #1C2438;
  --bg-muted:      #1A2237;
  --t-base:        #F1F5F9;
  --t-muted:       #94A3B8;
  --t-light:       #64748B;
  --t-inverse:     #0B1120;
  --border:        #222C42;
  --border-soft:   #1A2237;
  --primary:       #60A5FA;
  --primary-light: #93C5FD;
  --primary-dark:  #3B82F6;
  --primary-soft:  #0F2847;
  --primary-ring:  rgba(96, 165, 250, 0.24);
  --success:       #34D399;  --success-soft:  #0F2A20;
  --warning:       #FBBF24;  --warning-soft:  #2B1F08;
  --danger:        #F87171;  --danger-soft:   #2B1414;
  --info:          #38BDF8;  --info-soft:     #0D2232;
  --purple:        #A78BFA;  --purple-soft:   #1E1A2C;
  --pink:          #F472B6;  --pink-soft:     #2A1424;
  --teal:          #2DD4BF;  --teal-soft:     #0E2826;
  --orange:        #FB923C;  --orange-soft:   #2A1810;
  --shadow-sm:   0 1px 2px 0 rgb(0 0 0 / 0.4);
  --shadow-card: 0 1px 3px 0 rgb(0 0 0 / 0.3), 0 1px 2px -1px rgb(0 0 0 / 0.25);
  --shadow-lg:   0 10px 15px -3px rgb(0 0 0 / 0.5), 0 4px 6px -4px rgb(0 0 0 / 0.4);
  --overlay: rgba(11, 17, 32, 0.72);
}