/* byCaliber theme overrides — applied when html[data-theme="light"] is set.
* Site default is dark (slate #0F172A + vert sapin #3F7A5E).
* theme-toggle.js sets data-theme on based on user pref or system. */
html[data-theme="light"] {
--bg: #FAFAFA !important;
--bg-soft: #F5F5F5 !important;
--surface: #FFFFFF !important;
--surface-deep: #FAFAFA !important;
--ink: #0F172A !important;
--ink-soft: #475569 !important;
--ink-faint: #94A3B8 !important;
--border: #E5E7EB !important;
/* accents: kept (vert sapin remains, but tweak the very-light bg) */
--accent-light: rgba(31, 58, 46, 0.08) !important;
}
/* Sticky nav backdrop: needs an alpha-bg override for light */
html[data-theme="light"] nav {
background: rgba(255, 255, 255, 0.85) !important;
border-bottom-color: #E5E7EB !important;
}
/* Logo: in light mode keep ink black */
html[data-theme="light"] .logo { color: #0F172A !important; }
/* Theme toggle button (injected by theme-toggle.js) */
.theme-toggle {
background: transparent;
border: 1px solid var(--border);
color: var(--ink-soft);
font-family: inherit;
font-size: 13px;
padding: 6px 10px;
border-radius: 6px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 6px;
transition: all 0.2s ease;
}
.theme-toggle:hover {
border-color: var(--accent-bright, #3F7A5E);
color: var(--accent-bright, #3F7A5E);
}
.theme-toggle svg { width: 16px; height: 16px; }