: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-light:#fef3c7;--color-info:#2563eb;--color-info-light:#dbeafe;--color-draft:#6b7280;--color-draft-light:#f3f4f6;--color-disabled:#9ca3af;--color-disabled-light:#f9fafb;--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:80rem;--content-padding:1.5rem;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-toast:50;--z-tooltip:60}.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:#f87171;--color-danger-light:#7f1d1d;--color-warning:#fbbf24;--color-warning-light:#78350f;--color-info:#60a5fa;--color-info-light:#1e3a8a;--color-draft:#9ca3af;--color-draft-light:#374151;--color-disabled:#475569;--color-disabled-light:#1e293b;--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}