:root,
[data-theme="light"] {
  --bg:            #F7F8FA;
  --surface:       #FFFFFF;
  --surface-2:     #F1F3F6;
  --border:        #E3E6EB;
  --text:          #14181F;
  --text-muted:    #5B6573;
  --accent:        #2563EB;
  --accent-hover:  #1D4ED8;
  --accent-soft:   #E8EFFD;
  --on-accent:     #FFFFFF;
  --success:       #15803D;
  --success-soft:  #E6F4EA;
  --warning:       #B45309;
  --warning-soft:  #FDF1DD;
  --danger:        #B91C1C;
  --danger-soft:   #FCE8E8;
  --shadow:        0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08);
  --shadow-lg:     0 10px 15px -3px rgba(16,24,40,.1), 0 4px 6px -4px rgba(16,24,40,.1);
}

[data-theme="dark"] {
  --bg:            #0E1116;
  --surface:       #161B22;
  --surface-2:     #1E252E;
  --border:        #2A323D;
  --text:          #E6E9EE;
  --text-muted:    #9AA5B4;
  --accent:        #5B8DEF;
  --accent-hover:  #7AA3F3;
  --accent-soft:   #1B2A47;
  --on-accent:     #0B1220;
  --success:       #4ADE80;
  --success-soft:  #12261A;
  --warning:       #FBBF24;
  --warning-soft:  #2B2110;
  --danger:        #F87171;
  --danger-soft:   #2D1616;
  --shadow:        0 0 0 1px rgba(255,255,255,.04);
  --shadow-lg:     0 10px 25px -5px rgba(0,0,0,.5);
}

:root {
  --sidebar-w: 260px;
  --topbar-h: 60px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  --fs-xs:   clamp(0.75rem, 0.73rem + 0.1vw, 0.8125rem);
  --fs-sm:   clamp(0.8125rem, 0.79rem + 0.1vw, 0.875rem);
  --fs-base: clamp(0.9375rem, 0.91rem + 0.15vw, 1rem);
  --fs-lg:   clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
  --fs-xl:   clamp(1.25rem, 1.1rem + 0.7vw, 1.5rem);
  --fs-2xl:  clamp(1.5rem, 1.25rem + 1.2vw, 2rem);

  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}