/* Light mode overrides — applied when */
[data-theme="light"] {
--zp-bg-primary: #f1f5f9;
--zp-bg-secondary: #e2e8f0;
--zp-bg-card: #ffffff;
--zp-bg-card-hover: #f8fafc;
--zp-bg-surface: #e8edf5;
--zp-border: #e2e8f0;
--zp-border-light: #cbd5e1;
--zp-text-primary: #0f172a;
--zp-text-secondary: #475569;
--zp-text-muted: #94a3b8;
--zp-accent: #0284c7;
--zp-accent-hover: #0369a1;
--zp-accent-subtle: rgba(2, 132, 199, 0.1);
--zp-success: #059669;
--zp-success-subtle: rgba(5, 150, 105, 0.12);
--zp-warning: #d97706;
--zp-warning-subtle: rgba(217, 119, 6, 0.12);
--zp-danger: #dc2626;
--zp-danger-subtle: rgba(220, 38, 38, 0.12);
--zp-shadow-card: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
--zp-shadow-elevated: 0 10px 25px rgba(0,0,0,.12);
}
/* Theme toggle button */
#zp-theme-toggle {
position: fixed;
bottom: 24px;
right: 24px;
z-index: 9999;
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid var(--zp-border-light);
background: var(--zp-bg-card);
color: var(--zp-text-primary);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: var(--zp-shadow-elevated);
transition: background var(--zp-transition), color var(--zp-transition), transform 0.15s ease;
font-size: 18px;
}
#zp-theme-toggle:hover {
background: var(--zp-bg-card-hover);
transform: scale(1.1);
}