/* ═══════════════════════════════════════════════════════
   style_theme.css — light/dark mode
   Load LAST on every page (after all page-specific CSS)
   ═══════════════════════════════════════════════════════ */

/* ── NAV ACTIONS WRAPPER ── */
.nav-actions { display: flex; align-items: center; gap: 0.5rem; }

/* ── THEME TOGGLE BUTTON ── */
.theme-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    background: none;
    border: 1px solid var(--border);
    border-radius: 2px;
    cursor: pointer;
    color: var(--muted);
    flex-shrink: 0;
    transition: color 0.2s, border-color 0.2s, background 0.2s;
}

.theme-toggle:hover { color: var(--white); border-color: rgba(0,212,255,0.4); background: rgba(0,212,255,0.05); }
.theme-toggle svg { display: block; pointer-events: none; }

/* Dark mode (default): sun visible, moon hidden */
.icon-moon { display: none; }
.icon-sun  { display: block; }


/* ══════════════════════════════════════════════════════
   LIGHT MODE
   ══════════════════════════════════════════════════════ */

[data-theme="light"] {
    --black:   #f0f7fa;
    --white:   #0d1e2c;
    --accent:  #0092b3;
    --accent2: #8c1ec2;
    --accent3: #188a3e;
    --mid:     #e0edf5;
    --mid2:    #d3e6f0;
    --muted:   #4d7a8a;
    --border:  rgba(0,146,179,0.2);
    --border2: rgba(0,146,179,0.1);
}

[data-theme="light"] .icon-moon { display: block; }
[data-theme="light"] .icon-sun  { display: none; }

[data-theme="light"] nav          { background: rgba(240,247,250,0.95); }
[data-theme="light"] .nav-drawer  { background: rgba(240,247,250,0.99); }
[data-theme="light"] .nav-badge   { color: #f0f7fa; }

[data-theme="light"] body::before { opacity: 0.12; }

/* ── Secondary / body copy ── */
[data-theme="light"] .hero-sub,
[data-theme="light"] .section-body,
[data-theme="light"] .contact-info p,
[data-theme="light"] .expect-text,
[data-theme="light"] .form-success p,
[data-theme="light"] .step p,
[data-theme="light"] .rows-stat,
[data-theme="light"] .table-section .sub,
[data-theme="light"] .comparison-table tbody td,
[data-theme="light"] .deploy-card p,
[data-theme="light"] .tip-callout p,
[data-theme="light"] .poc-step p,
[data-theme="light"] .cta-strip p,
[data-theme="light"] .cta-section .section-body { color: #2c5570; }

[data-theme="light"] .section-body strong,
[data-theme="light"] .expect-text strong,
[data-theme="light"] .tip-callout p strong { color: var(--white); }

[data-theme="light"] .fractal-node-desc,
[data-theme="light"] .table-note { color: var(--muted); }

/* ── Pull quote / callouts ── */
[data-theme="light"] .tip-callout { background: rgba(0,146,179,0.06); border-color: var(--border); border-left-color: var(--accent); }
[data-theme="light"] .result-callout { background: var(--mid); border-color: var(--border); }
[data-theme="light"] .result-callout p { color: #2c5570 !important; }
[data-theme="light"] .result-callout strong { color: var(--accent) !important; }

/* ── Cards / blocks ── */
[data-theme="light"] .deploy-card { background: var(--mid); }
[data-theme="light"] .deploy-card:hover { border-color: rgba(0,146,179,0.35); box-shadow: 0 0 28px rgba(0,146,179,0.07); }
[data-theme="light"] .step { background: var(--mid); }
[data-theme="light"] .step:hover { border-color: rgba(0,146,179,0.35); box-shadow: 0 0 30px rgba(0,146,179,0.07); }
[data-theme="light"] .stat-block { background: var(--mid); }
[data-theme="light"] .trust-stat { background: var(--mid); }
[data-theme="light"] .rows-row:hover { background: rgba(0,146,179,0.04); }
[data-theme="light"] .expect-item:hover { background: rgba(0,146,179,0.04); }

/* ── Tables ── */
[data-theme="light"] .comparison-table tbody td:first-child { color: var(--white); }
[data-theme="light"] .comparison-table td.hl,
[data-theme="light"] .comparison-table th.hl { background: rgba(0,146,179,0.05); border-left-color: var(--border); }
[data-theme="light"] .comparison-table tr:hover td { background: rgba(0,146,179,0.04); }
[data-theme="light"] .comparison-table tr:hover td.hl { background: rgba(0,146,179,0.09); }

/* ── Contact form ── */
[data-theme="light"] .form-group input,
[data-theme="light"] .form-group select,
[data-theme="light"] .form-group textarea { background: var(--mid2); border-color: var(--border); color: var(--white); }
[data-theme="light"] .form-group input:focus,
[data-theme="light"] .form-group select:focus,
[data-theme="light"] .form-group textarea:focus { border-color: rgba(0,146,179,0.55); box-shadow: 0 0 0 3px rgba(0,146,179,0.1); }
[data-theme="light"] .intent-option input[type="radio"]:checked + label { background: rgba(0,146,179,0.1); border-color: rgba(0,146,179,0.4); color: var(--accent); }

/* ── Buttons ── */
[data-theme="light"] .btn-primary { background: var(--accent); color: #f0f7fa; }
[data-theme="light"] .btn-primary:hover { background: #00a8d0; box-shadow: 0 0 24px rgba(0,146,179,0.35); }
[data-theme="light"] .btn-ghost { color: var(--white); border-color: var(--border); }
[data-theme="light"] .btn-ghost:hover { border-color: rgba(0,146,179,0.5); background: rgba(0,146,179,0.07); color: var(--accent); }