:root{--bg:#f9fafb;--surface:#ffffff;--border:#e5e7eb;--text:#111827;--brand-1:#0d6efd;--brand-2:#20c997;--brand-3:#ffc107;--shadow:0 6px 20px rgba(0,0,0,.06)}
html,body{background:var(--bg);color:var(--text)}
.strip{height:4px;background:linear-gradient(90deg,var(--brand-1),var(--brand-2),var(--brand-3));}
.navbar{background:var(--surface);border-bottom:1px solid var(--border)}
.card{border:1px solid var(--border);box-shadow:var(--shadow)}
footer{border-top:1px solid var(--border);background:var(--surface)}
:root.dark{--bg:#0b1220;--surface:#111827;--border:#1f2937;--text:#e5e7eb;--shadow:0 6px 18px rgba(0,0,0,.4)}
:root.dark .navbar, :root.dark footer, :root.dark .card{background:var(--surface);border-color:var(--border)}