/* ============================================================
   MoneyRat — Dark Theme
   Applied when: browser prefers dark OR user toggled to dark
   ============================================================ */

:root {
    --c-bg: #0a0a0a;
    --c-bg-alt: #111111;
    --c-surface: #161616;
    --c-card: #1c1c1c;
    --c-border: #262626;
    --c-border-hover: #3a3a3a;

    --c-accent: #00e676;
    --c-accent-dim: rgba(0, 230, 118, 0.10);
    --c-accent-glow: rgba(0, 230, 118, 0.25);
    --c-accent-hover: #00ff88;

    --c-text: #e8e8e8;
    --c-text-2: #909090;
    --c-text-3: #555555;

    --c-cert: rgba(100, 180, 255, 0.85);
    --c-cert-bg: rgba(100, 180, 255, 0.08);
    --c-cert-border: rgba(100, 180, 255, 0.25);

    --c-wip: #ffc400;
    --c-wip-bg: rgba(255, 196, 0, 0.10);
    --c-wip-border: rgba(255, 196, 0, 0.25);

    /* Dark-specific component overrides */
    --nav-scrolled-bg: rgba(10, 10, 10, 0.88);
    --nav-mobile-bg: rgba(10, 10, 10, 0.96);
}

/* Dark: icon.svg is black strokes — invert to white */
.nav__logo-icon,
.lang-modal__brand-icon {
    filter: invert(1);
}

/* Dark: show moon, hide sun */
.ctrl-btn__icon--sun {
    display: none;
}

.ctrl-btn__icon--moon {
    display: block;
}