:root{--bg-color:#f8fafc;--text-color:#111827;--surface-color:#fff;--surface-border:#d1d5db;--surface-separator:#e5e7eb;--surface-active:#111827;--surface-active-text:#fff}.dark{--bg-color:#030712;--text-color:#fbf9f9;--surface-color:#111827;--surface-border:#374151;--surface-separator:#4b5563;--surface-active:#f9fafb;--surface-active-text:#111827}html,body{background-color:var(--bg-color);min-height:100%;color:var(--text-color);margin:0;transition:background-color .16s,color .16s}