/* ════════════════════════════════════════════════
   SCW AUDIT — Theme variables
   Dark (default) + Light
   ════════════════════════════════════════════════ */

/* ── Dark Theme (default) ── */
:root {
    --bg:          #07090c;
    --surface:     #0e1318;
    --surface2:    #141b23;
    --border:      #1e2d3d;
    --accent:      #00d9ff;
    --accent-dim:  rgba(0, 217, 255, 0.12);
    --red:         #ff3b5c;
    --darkred:     #6f0113;
    --orange:      #ff7a35;
    --yellow:      #ffc82e;
    --green-dark: #0d7a45;
  --green:       #00e87a;
    --muted:       #3d5468;
    --text:        #b8d0e0;
    --text2:       #6b8599;
}

/* ── Light Theme ── */
/* Принцип: не белый фон — мягкий серо-синий,
   не чёрный текст — тёмно-синий,
   акцент темнее для читаемости на светлом */
html[data-theme="light"] {
    --bg:          #edf1f7;
    --surface:     #f5f7fb;
    --surface2:    #e4eaf3;
    --border:      #c9d5e8;
    --accent:      #0077aa;
    --accent-dim:  rgba(0, 119, 170, 0.1);
    --red:         #c0182e;
    --darkred:     #fde8ec;
    --orange:      #b84500;
    --yellow:      #7a5500;
    --green-dark: #0d7a45;
  --green:       #005c30;
    --muted:       #8099b0;
    --text:        #1c2d3e;
    --text2:       #4a6275;
}

/* ── Light: component overrides ── */
html[data-theme="light"] body {
    background: var(--bg);
    color: var(--text);
}
html[data-theme="light"] body::before {
    background: repeating-linear-gradient(
        0deg, transparent, transparent 2px,
        rgba(0,0,0,.02) 2px, rgba(0,0,0,.02) 4px
    );
}
html[data-theme="light"] .grid-bg {
    background-image:
        linear-gradient(rgba(0,119,170,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,119,170,.03) 1px, transparent 1px);
}
html[data-theme="light"] .glow-orb.tl {
    background: rgba(0, 119, 170, .06);
}
html[data-theme="light"] .glow-orb.br {
    background: rgba(192, 24, 46, .04);
}
html[data-theme="light"] header {
    background: rgba(237,241,247,.97);
}
html[data-theme="light"] .logo {
    color: var(--text);
}
html[data-theme="light"] .logo span {
    color: var(--accent);
    text-shadow: none;
}
html[data-theme="light"] .logo-badge {
    background: var(--accent-dim);
    color: var(--accent) !important;
}
html[data-theme="light"] .lang-btn {
    color: var(--text2);
    border-color: var(--border);
}
html[data-theme="light"] .lang-btn.active {
    color: var(--accent);
    border-color: rgba(0,119,170,.4);
    background: var(--accent-dim);
}
html[data-theme="light"] .tabs {
    border-color: var(--border);
}
html[data-theme="light"] .tab-btn {
    color: var(--text2);
    border-right-color: var(--border);
}
html[data-theme="light"] .tab-btn:hover {
    background: rgba(0,0,0,.03);
    color: var(--text);
}
html[data-theme="light"] .tab-btn.active {
    color: var(--accent);
    background: var(--accent-dim);
}
html[data-theme="light"] .scan-card,
html[data-theme="light"] .card,
html[data-theme="light"] .stat,
html[data-theme="light"] .no-findings {
    background: var(--surface);
    border-color: var(--border);
}
html[data-theme="light"] .scan-card::before {
    background: linear-gradient(90deg, transparent, var(--accent) 40%, var(--red) 80%, transparent);
    opacity: .5;
}
html[data-theme="light"] .card:hover {
    background: var(--surface2);
}
html[data-theme="light"] .card-name { color: var(--text); }
html[data-theme="light"] .results-meta h2 { color: var(--text); }
html[data-theme="light"] .domain-input,
html[data-theme="light"] .code-editor,
html[data-theme="light"] .filename-input {
    background: #fff;
    color: var(--text);
    border-color: var(--border);
}
html[data-theme="light"] .domain-input::placeholder,
html[data-theme="light"] .code-editor::placeholder {
    color: var(--muted);
}
html[data-theme="light"] .domain-input { color: var(--accent); }
html[data-theme="light"] .domain-input:focus,
html[data-theme="light"] .code-editor:focus {
    border-color: rgba(0,119,170,.4);
    box-shadow: 0 0 0 3px rgba(0,119,170,.07);
}
html[data-theme="light"] .log-box,
html[data-theme="light"] .snippet-block,
html[data-theme="light"] .evidence-box {
    background: #fff;
    border-color: var(--border);
}
html[data-theme="light"] .snippet-block pre { color: var(--text2); }
html[data-theme="light"] .fix-box {
    background: rgba(0,119,170,.05);
    border-color: rgba(0,119,170,.15);
}
html[data-theme="light"] .checks-strip {
    background: rgba(0,0,0,.015);
    border-top-color: var(--border);
}
html[data-theme="light"] .prog-track { background: var(--border); }
html[data-theme="light"] .error-box { background: rgba(192,24,46,.06); border-color: rgba(192,24,46,.25); }
html[data-theme="light"] .ai-toggle-row {
    background: rgba(140,80,220,.05);
    border-color: rgba(140,80,220,.18);
}
html[data-theme="light"] .no-findings .big {
    text-shadow: none;
}
html[data-theme="light"] .grade-A,
html[data-theme="light"] .grade-F {
    text-shadow: none;
}
html[data-theme="light"] .note {
    border-top-color: var(--border);
}

/* Auth bar light */
html[data-theme="light"] .auth-btn {
    background: transparent;
    border-color: var(--border);
    color: var(--text);
}
html[data-theme="light"] .auth-user {
    background: rgba(0,119,170,.05);
    border-color: rgba(0,119,170,.15);
}
html[data-theme="light"] .auth-avatar-initials {
    background: var(--surface2);
    color: var(--text2);
    border-color: var(--border);
}
html[data-theme="light"] .auth-scans { color: var(--text2); }
html[data-theme="light"] .auth-btn-sm {
    color: var(--text2);
    border-color: var(--border);
}
html[data-theme="light"] .auth-btn-sm:hover {
    color: var(--accent);
    border-color: var(--accent);
}

/* history panel light */
html[data-theme="light"] .history-row {
    background: var(--surface);
    border-color: var(--border);
}
html[data-theme="light"] .history-row:hover { background: var(--surface2); }
html[data-theme="light"] .hr-title { color: var(--text); }
html[data-theme="light"] .hr-btn {
    border-color: rgba(0,119,170,.3);
    color: var(--accent);
}
html[data-theme="light"] .history-empty {
    border-color: var(--border);
    color: var(--muted);
}
html[data-theme="light"] .vc-group {
    background: rgba(0,119,170,.04);
    border-color: rgba(0,119,170,.12);
}

/* ── Theme toggle button ── */
.theme-toggle {
    background: transparent;
    border: 1px solid rgba(255,255,255,.12);
    color: var(--muted);
    width: 30px; height: 30px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 14px;
    display: inline-flex; align-items: center; justify-content: center;
    transition: all .2s;
    flex-shrink: 0;
    padding: 0;
    line-height: 1;
}
.theme-toggle:hover {
    border-color: var(--accent);
    color: var(--accent);
}
html[data-theme="light"] .theme-toggle {
    border-color: var(--border);
    color: var(--text2);
}
html[data-theme="light"] .theme-toggle:hover {
    border-color: var(--accent);
    color: var(--accent);
    background: var(--accent-dim);
}

/* ── Green visibility on light theme ── */
html[data-theme="light"] .grade-A { color: #005c30; border-color: #005c30; }
html[data-theme="light"] .grade-B { color: #1a6600; border-color: #1a6600; }
html[data-theme="light"] .n-low { color: #005c30; }
html[data-theme="light"] .no-findings .big { color: #005c30; }
html[data-theme="light"] .live-dot::before { background: #005c30; box-shadow: 0 0 8px #005c30; }
html[data-theme="light"] .pill-low { color: #005c30; background: rgba(0,92,48,.08); border-color: rgba(0,92,48,.2); }
html[data-theme="light"] .log-msg.ok { color: #005c30; }
html[data-theme="light"] .hr-pill.low { color: #005c30; background: rgba(0,92,48,.1); }
html[data-theme="light"] .ctag.active { color: var(--accent); }
html[data-theme="light"] .lang-badge { color: var(--accent); background: var(--accent-dim); border-color: rgba(0,119,170,.2); }
html[data-theme="light"] .progress-fill { background: linear-gradient(90deg, var(--accent), #005599); }
html[data-theme="light"] .sA { color: #005c30; }
html[data-theme="light"] .sB { color: #1a6600; }