/* ═══════════════════════════════════════════════════════ IKIGAI · Modo nocturno + órbita-toggle (canónico 2026-07-17) La madre nace clara (White Cosmos); este archivo define el Night Cosmos via overrides de tokens. Contrato: data-theme en + localStorage['ik-theme'] + anti-FOUC. SOP: sops/SOP_ikigai_toggle_orbita_theme_v1.md (ikigai-cerebro) ═══════════════════════════════════════════════════════ */ html[data-theme="dark"] { /* canales RGB → vidrio y líneas nocturnas */ --ik-white: 17,20,36; --ik-navy: 200,215,255; --ik-canvas: #070810; --ik-surface: #10131F; --ik-porcelain: #151929; --ik-mist: #0E1120; --ik-pearl: #0C0F1B; --ik-ink-deep: #EFF3FF; --ik-ink-mid: #CBD3EA; --ik-ink-soft: #98A3C7; --ik-ink-light: #6E7794; --ik-ink-faint: #4A5070; --ik-glass: rgba(16,19,32,0.72); --ik-glass-deep: rgba(16,19,32,0.88); --ik-glass-border: rgba(160,180,255,0.14); --ik-glass-shadow: 0 8px 48px rgba(0,0,0,0.45); --ik-glass-shadow-lg: 0 24px 72px rgba(0,0,0,0.55); background: #070810; } html[data-theme="dark"] ::selection { background: rgba(126,246,226,0.3); color: #EFF3FF; } /* ── Órbita-toggle (distintivo IKIGAI) ───────────────── noche muestra ☀ (invita al día) · día muestra ☾ */ .nav__brand-orb { cursor: pointer; display: inline-flex; align-items: center; justify-content: center; } .nav__brand-orb::after { content: '☾'; font-size: 10px; line-height: 1; color: #2A2D3E; opacity: 0.85; } html[data-theme="dark"] .nav__brand-orb::after { content: '☀'; color: #0b2b24; } html[data-theme="dark"] .nav__brand-orb { box-shadow: inset 0 1px 1px rgba(255,255,255,0.6), 0 0 18px rgba(126,246,226,0.75); } .nav__brand-orb:focus-visible { outline: 2px solid var(--ik-aura); outline-offset: 3px; border-radius: 50%; } /* ── Owner cockpit · Night Cosmos ──────────────────── */ html[data-theme="dark"] .owner-body { --owner-bg-base: #070810; --owner-line: rgba(200,215,255,.10); --owner-line-strong: rgba(200,215,255,.17); --owner-shadow: 0 24px 80px rgba(0,0,0,.5); background: radial-gradient(circle at 50% -18%, rgba(126,246,226,.10), transparent 34%), radial-gradient(circle at 78% 16%, rgba(110,168,255,.08), transparent 30%), radial-gradient(circle at 16% 30%, rgba(155,140,255,.07), transparent 32%), linear-gradient(180deg, #0a0c16 0%, #080a12 46%, #070810 100%); }