/* ─── Light mode ─────────────────────────────────────────────── */
:root {
  --color-accent:        #4F46E5;
  --color-accent-hover:  #4338CA;
  --color-accent-light:  #EEF2FF;
  --color-accent-text:   #4F46E5;
  --color-surface:       #FFFFFF;
  --color-surface-2:     #F8FAFC;
  --color-surface-3:     #F1F5F9;
  --color-border:        #E2E8F0;
  --color-text:          #1E293B;
  --color-text-muted:    #64748B;
  --color-navbar:        #1E293B;
  --color-navbar-text:   #F8FAFC;
  --color-shadow:        rgba(0, 0, 0, .08);
  --color-overlay:       rgba(15, 23, 42, .45);
  --color-danger:        #EF4444;

  --sidebar-width:       260px;
  --sidebar-min-width:   120px;
  --sidebar-max-width:   480px;
  --navbar-height:       48px;
  --footer-height:       36px;
  --splitter-width:      4px;

  --radius-sm:           6px;
  --radius-md:           10px;
  --radius-lg:           14px;

  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

/* ─── Dark mode overrides ────────────────────────────────────── */
[data-theme="dark"] {
  --color-surface:       #0F172A;
  --color-surface-2:     #1E293B;
  --color-surface-3:     #293548;
  --color-border:        #334155;
  --color-text:          #E2E8F0;
  --color-text-muted:    #94A3B8;
  --color-navbar:        #0F172A;
  --color-navbar-text:   #F8FAFC;
  --color-shadow:        rgba(0, 0, 0, .3);
  --color-overlay:       rgba(0, 0, 0, .6);
  --color-accent-light:  #1E1B4B;
  --color-accent-text:   #818CF8;
}