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

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

[data-theme="light"] {
    --black:   #f0f5fa;
    --white:   #0d1e2c;
    --accent:  #1a7fd4;
    --accent2: #3a6a84;
    --accent3: #0098a8;
    --mid:     #dce8f0;
    --mid2:    #cfdde8;
    --muted:   #4a7a94;
    --border:  rgba(26,127,212,0.2);
    --border2: rgba(26,127,212,0.1);
}

/* Light: moon visible, sun hidden */
[data-theme="light"] .icon-moon { display: block; }
[data-theme="light"] .icon-sun  { display: none; }

/* ── Nav ── */
[data-theme="light"] nav         { background: rgba(240,245,250,0.95); }
[data-theme="light"] .nav-drawer { background: rgba(240,245,250,0.99); }

/* ── Noise overlay ── */
[data-theme="light"] body::before { opacity: 0.1; }

/* ── Body copy ── */
[data-theme="light"] .hero-sub,
[data-theme="light"] .section-body,
[data-theme="light"] .section-block p,
[data-theme="light"] .feature-card p,
[data-theme="light"] .track-card p,
[data-theme="light"] .track-card li,
[data-theme="light"] .market-stat,
[data-theme="light"] .content-body p,
[data-theme="light"] .step p,
[data-theme="light"] .cta-section .section-body { color: #2c5570; }

/* ── Cards / panels ── */
[data-theme="light"] .feature-card    { background: var(--mid); }
[data-theme="light"] .feature-card:hover { border-color: rgba(26,127,212,0.35); box-shadow: 0 0 30px rgba(26,127,212,0.07); }
[data-theme="light"] .stat-block      { background: var(--mid); }
[data-theme="light"] .track-card      { background: var(--mid); }
[data-theme="light"] .track-card:hover { border-color: rgba(26,127,212,0.35); box-shadow: 0 0 30px rgba(26,127,212,0.07); }
[data-theme="light"] .step            { background: var(--mid); }
[data-theme="light"] .step:hover      { border-color: rgba(26,127,212,0.35); box-shadow: 0 0 30px rgba(26,127,212,0.07); }
[data-theme="light"] .market-row:hover { background: rgba(26,127,212,0.04); }
[data-theme="light"] .logo-pill       { background: rgba(26,127,212,0.1); border-color: rgba(26,127,212,0.15); }
[data-theme="light"] .table-section   { background: var(--mid2); }

/* ── Comparison table ── */
[data-theme="light"] .comparison-table td               { color: #2c5570; }
[data-theme="light"] .comparison-table td:first-child   { color: var(--white); }
[data-theme="light"] .comparison-table td:nth-child(3)  { background: rgba(26,127,212,0.05); border-left-color: var(--border); }
[data-theme="light"] .comparison-table thead th:nth-child(3) { background: rgba(26,127,212,0.05); }
[data-theme="light"] .comparison-table tr:hover td      { background: rgba(26,127,212,0.04); }

/* ── Content nav sidebar ── */
[data-theme="light"] .content-nav       { background: var(--mid); border-color: var(--border); }
[data-theme="light"] .content-nav a     { color: var(--muted); }
[data-theme="light"] .pull-quote        { background: rgba(26,127,212,0.06); 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; }

/* ── 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(26,127,212,0.55);
    box-shadow: 0 0 0 3px rgba(26,127,212,0.1);
}
[data-theme="light"] .intent-option input[type="radio"]:checked + label {
    background: rgba(26,127,212,0.1);
    border-color: rgba(26,127,212,0.4);
    color: var(--accent);
}

/* ── Buttons ── */
[data-theme="light"] .btn-primary       { background: var(--accent); color: #f0f5fa; }
[data-theme="light"] .btn-primary:hover { background: #2490e0; box-shadow: 0 0 24px rgba(26,127,212,0.35); }
[data-theme="light"] .btn-ghost         { color: var(--white); border-color: var(--border); }
[data-theme="light"] .btn-ghost:hover   { border-color: rgba(26,127,212,0.5); background: rgba(26,127,212,0.07); color: var(--accent); }

/* ── CTA section ── */
[data-theme="light"] .cta-section { background: var(--mid2); }

/* ── About timeline ── */
[data-theme="light"] .milestone { border-left-color: var(--border); }
[data-theme="light"] .milestone-dot { background: var(--accent); box-shadow: 0 0 0 4px var(--mid2); }