:root {
  --bg: #F5F7FB;
  --white: #FFFFFF;
  --bg2: #EEF2F8;
  --bg3: #E8EDF5;
  --bg-1: #FFFFFF;
  --bg-2: #FFFFFF;
  --bg-3: #F5F7FB;
  --bg-base: #F5F7FB;
  --bg-elev: #FFFFFF;
  --bg-sidebar: #FFFFFF;
  --bg-hover: #EEF2F8;
  --bg-active: rgba(232,64,12,.10);
  --border: #E2E8F0;
  --border2: #C8D3E0;
  --border3: #B0BDD0;
  --b-1: #E2E8F0;
  --b-2: #C8D3E0;
  --b-3: #B0BDD0;
  --text: #0F172A;
  --text2: #475569;
  --text3: #94A3B8;
  --text4: #CBD5E1;
  --t-1: #0F172A;
  --t-2: #475569;
  --t-3: #94A3B8;
  --t-4: #CBD5E1;
  --text-dim: #475569;
  --text-faint: #94A3B8;
  --accent: #E8400C;
  --accent-h: #FF5A1F;
  --accent-l: rgba(232,64,12,.12);
  --accent-soft: rgba(232,64,12,.10);
  --on-accent: #FFFFFF;
  --blue: #2155E0;
  --blue-bg: rgba(33,85,224,.10);
  --blue-txt: #1D4ED8;
  --blue-border: rgba(33,85,224,.28);
  --blue-soft: #E0E7FF;
  --green: #16A34A;
  --green-bg: #F0FDF4;
  --green-txt: #15803D;
  --green-border: #BBF7D0;
  --success: #16A34A;
  --red: #EF4444;
  --red-bg: #FEF2F2;
  --red-txt: #DC2626;
  --red-border: #FCA5A5;
  --danger: #EF4444;
  --orange: #F59E0B;
  --orange-bg: #FFFBEB;
  --orange-txt: #B45309;
  --orange-border: #FCD34D;
  --warn: #F59E0B;
  --sky: #0EA5E9;
  --sky-bg: #F0F9FF;
  --sky-txt: #0369A1;
  --sky-border: #BAE6FD;
  --violet: #7C3AED;
  --violet-bg: #F5F3FF;
  --violet-txt: #6D28D9;
  --violet-border: #DDD6FE;
  --pink: #EC4899;
  --pink-bg: #FDF2F8;
  --pink-txt: #BE185D;
  --pink-border: #FBCFE8;
  --sb: #FFFFFF;
  --sb2: #F8FAFC;
  --sb3: #EEF2F8;
  --sb-border: #E2E8F0;
  --shadow: 0 8px 24px rgba(16,24,40,.10);
  --shadow-xs: 0 1px 2px rgba(15,23,42,.04);
  --shadow-sm: 0 1px 3px rgba(15,23,42,.08), 0 1px 2px rgba(15,23,42,.04);
  --shadow-md: 0 4px 12px rgba(15,23,42,.08), 0 2px 4px rgba(15,23,42,.04);
  --shadow-lg: 0 8px 24px rgba(15,23,42,.10), 0 4px 8px rgba(15,23,42,.05);
  --shadow-focus: 0 0 0 3px rgba(33,85,224,.20);
  --radius: 12px;
  --r-sm: 6px;
  --r: 8px;
  --r-md: 10px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-full: 9999px;
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp: 12px;
  --sp-md: 16px;
  --sp-lg: 20px;
  --sp-xl: 28px;
  --topbar-h: 60px;
  --sidebar-w: 280px;
  --yabox-sidebar-width: 280px;
  --ar-color: #475569;
  --ease: .15s cubic-bezier(.4,0,.2,1);
  --role-color: #2155E0;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  --font-body: "DM Sans", "Inter", "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ol-purple: #743E8F;
  --ol-gold: #FBBB30;
  --ol-pink: #DA78AB;
  --ol-beige: #FEECD8;
  --ol-bg: #FFFFFF;
  --ol-panel: #FFFFFF;
  --ol-panel-2: #F8FAFC;
  --ol-line: #E2E8F0;
  --ol-text: #0F172A;
  --ol-muted: #64748B;
  --kit-bg: #F5F7FB;
  --kit-panel: #FFFFFF;
  --kit-panel-2: #F5F7FB;
  --kit-border: #E2E8F0;
  --kit-text: #0F172A;
  --kit-muted: #94A3B8;
  --kit-accent: #E8400C;
}

[data-theme="nuit"] {
  --bg: #0F0F12;
  --white: #1E1E24;
  --bg2: #16161A;
  --bg3: #26262E;
  --bg-1: #16161A;
  --bg-2: #1E1E24;
  --bg-3: #26262E;
  --bg-base: #0F0F12;
  --bg-elev: #1E1E24;
  --bg-sidebar: #16161A;
  --bg-hover: #26262E;
  --bg-active: rgba(33,85,224,.16);
  --border: rgba(255,255,255,.08);
  --border2: rgba(255,255,255,.14);
  --border3: rgba(255,255,255,.20);
  --b-1: rgba(255,255,255,.08);
  --b-2: rgba(255,255,255,.14);
  --b-3: rgba(255,255,255,.20);
  --text: rgba(255,255,255,.92);
  --text2: rgba(255,255,255,.72);
  --text3: rgba(255,255,255,.48);
  --text4: rgba(255,255,255,.30);
  --t-1: rgba(255,255,255,.92);
  --t-2: rgba(255,255,255,.72);
  --t-3: rgba(255,255,255,.48);
  --t-4: rgba(255,255,255,.30);
  --text-dim: rgba(255,255,255,.72);
  --text-faint: rgba(255,255,255,.48);
  --accent: #E8400C;
  --accent-h: #FF5A1F;
  --accent-l: rgba(232,64,12,.12);
  --accent-soft: rgba(232,64,12,.16);
  --on-accent: #FFFFFF;
  --blue: #2155E0;
  --blue-bg: rgba(33,85,224,.16);
  --blue-txt: #9DB8FF;
  --blue-border: rgba(33,85,224,.45);
  --blue-soft: rgba(33,85,224,.22);
  --green: #16A34A;
  --green-bg: rgba(22,163,74,.16);
  --green-txt: #7EE2A0;
  --green-border: rgba(22,163,74,.42);
  --success: #16A34A;
  --red: #EF4444;
  --red-bg: rgba(239,68,68,.16);
  --red-txt: #FF9A9A;
  --red-border: rgba(239,68,68,.42);
  --danger: #EF4444;
  --orange: #F59E0B;
  --orange-bg: rgba(245,158,11,.16);
  --orange-txt: #FFD27A;
  --orange-border: rgba(245,158,11,.42);
  --warn: #F59E0B;
  --sky: #0EA5E9;
  --sky-bg: rgba(14,165,233,.16);
  --sky-txt: #8DDBFF;
  --sky-border: rgba(14,165,233,.42);
  --violet: #7C3AED;
  --violet-bg: rgba(124,58,237,.16);
  --violet-txt: #C7B7FF;
  --violet-border: rgba(124,58,237,.42);
  --pink: #EC4899;
  --pink-bg: rgba(236,72,153,.16);
  --pink-txt: #FFADD6;
  --pink-border: rgba(236,72,153,.42);
  --sb: #0B1220;
  --sb2: #111927;
  --sb3: #1A2640;
  --sb-border: rgba(255,255,255,.07);
  --shadow: 0 8px 24px rgba(0,0,0,.28);
  --shadow-xs: 0 1px 2px rgba(0,0,0,.18);
  --shadow-sm: 0 4px 12px rgba(0,0,0,.22);
  --shadow-md: 0 8px 24px rgba(0,0,0,.28);
  --shadow-lg: 0 16px 44px rgba(0,0,0,.35);
  --shadow-focus: 0 0 0 3px rgba(33,85,224,.26);
  --ar-color: rgba(255,255,255,.56);
  --role-color: #9DB8FF;
  --ol-bg: #100B16;
  --ol-panel: #1A1022;
  --ol-panel-2: #24152E;
  --ol-line: rgba(254,236,216,.14);
  --ol-text: #FEECD8;
  --ol-muted: rgba(254,236,216,.66);
  --kit-bg: #0F0F12;
  --kit-panel: #1E1E24;
  --kit-panel-2: #26262E;
  --kit-border: rgba(255,255,255,.08);
  --kit-text: rgba(255,255,255,.92);
  --kit-muted: rgba(255,255,255,.48);
  --kit-accent: #E8400C;
}