/** * Dark mode — UI toggle ready (data-theme="dark" on ). * Phase 1: visual foundation only. */ html[data-theme="dark"] { --ig-color-bg: #0F172A; --ig-color-bg-light: #1E293B; --ig-color-bg-muted: #334155; --ig-color-surface: #1E293B; --ig-color-border: #334155; --ig-color-border-strong: #475569; --ig-color-text: #F8FAFC; --ig-color-text-muted: #CBD5E1; --ig-color-text-subtle: #94A3B8; --ig-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25); --ig-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35); --ig-shadow-lg: 0 10px 28px rgba(0, 0, 0, 0.4); --ig-shadow-header: 0 1px 0 rgba(255, 255, 255, 0.06); color-scheme: dark; } html[data-theme="dark"] .ig-header { background: var(--ig-color-bg); } html[data-theme="dark"] .ig-header-top { background: #0B1220; } html[data-theme="dark"] .ig-header-main { border-bottom-color: var(--ig-color-border); } html[data-theme="dark"] .ig-logo__text { color: var(--ig-color-text); } html[data-theme="dark"] .ig-nav__list > li > a { color: var(--ig-color-text-muted); } html[data-theme="dark"] .ig-nav__list > li > a:hover, html[data-theme="dark"] .ig-nav__list > .current-menu-item > a, html[data-theme="dark"] .ig-nav__list > .current-menu-ancestor > a { color: var(--ig-header-cta); } html[data-theme="dark"] .ig-btn--outline:hover { background: rgba(37, 99, 235, 0.15); } html[data-theme="dark"] .ig-page-placeholder { background: var(--ig-color-bg-light); } html[data-theme="dark"] .ig-theme-toggle .ig-icon--sun { display: none; } html[data-theme="dark"] .ig-theme-toggle .ig-icon--moon { display: block; } .ig-theme-toggle .ig-icon--moon { display: none; } .ig-theme-toggle .ig-icon--sun { display: block; }