/* ═══════════════════════════════════════════════════════════
   Nautilus — Dark Theme Overrides
   Applied when body has .dark-theme class
   ═══════════════════════════════════════════════════════════ */

body.dark-theme {
    /* Brand */
    --wa-primary: #818cf8;
    --wa-primary-hover: #a5b4fc;
    --wa-primary-light: rgba(129, 140, 248, 0.12);
    --wa-primary-rgb: 129, 140, 248;

    /* Surfaces */
    --wa-bg: #0f172a;
    --wa-bg-card: #1e293b;
    --wa-bg-card-alt: #1a2332;
    --wa-bg-input: #1e293b;
    --wa-bg-code: #0f172a;

    /* Text */
    --wa-text: #f1f5f9;
    --wa-text-secondary: #94a3b8;
    --wa-text-muted: #64748b;
    --wa-text-inverse: #0f172a;

    /* Borders */
    --wa-border: #334155;
    --wa-border-focus: var(--wa-primary);

    /* Severity (softer for dark backgrounds) */
    --wa-critical: #f87171;
    --wa-critical-bg: rgba(248, 113, 113, 0.1);
    --wa-major: #fb923c;
    --wa-major-bg: rgba(251, 146, 60, 0.1);
    --wa-minor: #fbbf24;
    --wa-minor-bg: rgba(251, 191, 36, 0.1);

    /* Score Gauge — brighter for dark */
    --wa-gauge-track: #334155;
    --wa-excellent: #4ade80;
    --wa-good: #60a5fa;
    --wa-average: #fb923c;
    --wa-poor: #f87171;

    /* Shadows (subtle) */
    --wa-shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
    --wa-shadow: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
    --wa-shadow-md: 0 4px 6px rgba(0,0,0,0.4), 0 2px 4px rgba(0,0,0,0.3);
    --wa-shadow-lg: 0 10px 15px rgba(0,0,0,0.4), 0 4px 6px rgba(0,0,0,0.3);
}

/* Dark theme score badge adjustments */
body.dark-theme .wa-gauge--excellent .wa-gauge__tag { background: rgba(74, 222, 128, 0.15); color: var(--wa-excellent); }
body.dark-theme .wa-gauge--good .wa-gauge__tag { background: rgba(96, 165, 250, 0.15); color: var(--wa-good); }
body.dark-theme .wa-gauge--average .wa-gauge__tag { background: rgba(251, 146, 60, 0.15); color: var(--wa-average); }
body.dark-theme .wa-gauge--poor .wa-gauge__tag { background: rgba(248, 113, 113, 0.15); color: var(--wa-poor); }

/* Dark theme badge adjustments */
body.dark-theme .wa-badge--total { background: var(--wa-bg-card-alt); border-color: var(--wa-border); }
body.dark-theme .wa-badge--critical { background: rgba(248, 113, 113, 0.12); }
body.dark-theme .wa-badge--major { background: rgba(251, 146, 60, 0.12); }
body.dark-theme .wa-badge--minor { background: rgba(251, 191, 36, 0.12); }

/* Dark theme practices table */
body.dark-theme .wa-practice-icon--passed { background: rgba(46, 125, 50, 0.2); color: #66bb6a; }
body.dark-theme .wa-practice-icon--warning { background: rgba(230, 81, 0, 0.2); color: #ffa726; }
body.dark-theme .wa-practice-icon--failed { background: rgba(198, 40, 40, 0.2); color: #ef5350; }
body.dark-theme .wa-practice-row--passed td:not(:first-child) { color: #66bb6a; }
body.dark-theme .wa-practice-row--warning td:not(:first-child) { color: #ffa726; }
body.dark-theme .wa-practice-row--failed td:not(:first-child) { color: #ef5350; }

/* Dark screenshot preview */
body.dark-theme .wa-screenshot__loader p { color: var(--wa-text-muted); }
body.dark-theme .wa-screenshot__fallback { background: var(--wa-bg-card); }

/* Dark no-issues green */
body.dark-theme .wa-no-issues {
    background: rgba(74, 222, 128, 0.1);
    color: var(--wa-excellent);
}

/* Dark scrollbar */
body.dark-theme ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.dark-theme ::-webkit-scrollbar-track {
    background: var(--wa-bg);
}

body.dark-theme ::-webkit-scrollbar-thumb {
    background: var(--wa-border);
    border-radius: 4px;
}

body.dark-theme ::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* Dark theme form placeholder */
body.dark-theme .wa-form__input::placeholder {
    color: #475569;
}

/* Dark issue group SC badge */
body.dark-theme .wa-issue-group__sc {
    background: rgba(129, 140, 248, 0.15);
}

/* Dark suggestion box */
body.dark-theme .wa-issue-card__suggestion {
    background: rgba(129, 140, 248, 0.08);
    border-left-color: var(--wa-primary);
}

/* Dark issue expand details */
body.dark-theme .wa-issue__detail-item {
    background: rgba(255, 255, 255, 0.06);
}

body.dark-theme .wa-issue__header:hover {
    background: rgba(255, 255, 255, 0.04);
}