:root{--color-surface-1:#f9fafb;--color-surface-2:#fff;--color-surface-3:#f3f4f6;--color-overlay:#00000080;--color-border-default:#e5e7eb;--color-border-strong:#d1d5db;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-tertiary:#6b7280;--color-text-muted:#9ca3af;--color-text-inverse:#fff;--color-text-link:#2563eb;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-success:#16a34a;--color-success-light:#dcfce7;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-warning:#d97706;--color-warning-solid:#d97706;--color-warning-light:#fef3c7;--color-warning-hover:#b45309;--color-info:#2563eb;--color-info-light:#dbeafe;--color-draft:#6b7280;--color-draft-light:#f3f4f6;--color-disabled:#9ca3af;--color-disabled-light:#f9fafb;--color-danger-menu-hover-bg:var(--color-danger-light);--color-danger-menu-hover-fg:var(--color-danger);--color-warning-menu-hover-bg:var(--color-warning-light);--color-warning-menu-hover-fg:var(--color-warning);--color-info-menu-hover-bg:var(--color-primary-light);--color-info-menu-hover-fg:var(--color-primary);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--sidebar-width-open:16rem;--sidebar-width-collapsed:4rem;--topbar-height:3.5rem;--footer-height-app:3rem;--content-max-width:1480px;--content-padding:1.5rem;--content-padding-right:var(--content-padding);--content-padding-left:var(--content-padding);--z-dropdown:10;--z-sticky:38;--z-topbar:40;--z-overlay:49;--z-drawer:50;--z-modal:60;--z-toast:70;--z-tooltip:80;--z-cookie:100}.dark{--color-surface-1:#0f172a;--color-surface-2:#1e293b;--color-surface-3:#334155;--color-overlay:#000000b3;--color-border-default:#334155;--color-border-strong:#475569;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-muted:#475569;--color-text-inverse:#0f172a;--color-text-link:#60a5fa;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-light:#1e3a8a;--color-success:#4ade80;--color-success-light:#14532d;--color-danger:#dc2626;--color-danger-light:#7f1d1d;--color-warning:#f59e0b;--color-warning-solid:#b45309;--color-warning-light:#292524;--color-warning-hover:#92400e;--color-info:#60a5fa;--color-info-light:#1e3a8a;--color-draft:#9ca3af;--color-draft-light:#374151;--color-disabled:#475569;--color-disabled-light:#1e293b;--color-danger-menu-hover-bg:var(--color-danger);--color-danger-menu-hover-fg:#fff;--color-warning-menu-hover-bg:var(--color-warning-solid);--color-warning-menu-hover-fg:#fff;--color-info-menu-hover-bg:var(--color-primary);--color-info-menu-hover-fg:#fff;--shadow-sm:0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0000004d, 0 10px 10px -5px #0003}