/*
 * Login — Dark Mode Overrides
 * Applied via @media (prefers-color-scheme: dark)
 */

@media (prefers-color-scheme: dark) {
    :root {
        --lp-bg-form:  #0c0d10;
        --lp-text:     #f1f5f9;
        --lp-muted:    #64748b;
        --lp-border:   rgba(255, 255, 255, 0.08);
        --lp-input-bg: #161618;
    }

    /* Desktop form panel icon — dark mode */
    .lp-fi-sq1    { fill: #a8b5c5; }
    .lp-fi-sq2    { fill: #d0dae6; }
    .lp-fi-circle { fill: #eef2f8; }

    /* Mobile brand icon — dark mode */
    .lp-mob-sq1    { fill: #a8b5c5; }
    .lp-mob-sq2    { fill: #d0dae6; }
    .lp-mob-circle { fill: #eef2f8; }

    .lp-input:focus {
        border-color: rgba(255,255,255,0.45);
        box-shadow: 0 0 0 3px rgba(255,255,255,0.04);
    }

    .lp-submit { background: #ffffff; color: #000000; }
    .lp-submit:hover { box-shadow: 0 10px 32px rgba(255,255,255,0.07); }

    .lp-alert--error   { background: rgba(239,68,68,0.10);  border-color: rgba(239,68,68,0.22);  color: #fca5a5; }
    .lp-alert--success { background: rgba(16,185,129,0.10); border-color: rgba(16,185,129,0.22); color: #34d399; }
}