/* =============================================
   SKIN: love
   Site translation of sl1m-player STANDARD_PALETTES.love (hue #14080c, accent #f43f5e).
   ============================================= */

:root {
    --bg:                #0e0609;
    --fg:                #ffffff;
    --board-bg:          #1a0f13;
    --comment-bg:        #2c2124;
    --border:            #792131;
    --accent:            #f55671;
    --highlight:         #f6657e;
    --time-color:        #9c9799;

    --phosphor:          #f43f5e;
    --success:           #f43f5e;
    --warning:           #fbbf24;
    --danger:            #ff3366;
    --info:              #fb7185;

    --scanline:          transparent;
    --glow:              0 0 8px #f43f5e;
    --glow-strong:       0 0 20px #f43f5e;
    --glow-danger:       0 0 12px #ff3366;

    --shadow-sm:         0 0 8px rgba(244, 63, 94, 0.16);
    --shadow-md:         0 0 20px rgba(251, 113, 133, 0.14);
    --shadow-lg:         0 0 30px #fb7185;
    --board-inset-glow:  inset 0 0 80px rgba(244, 63, 94, 0.16);

    --input-bg:          #11070a;
    --input-border:      #792131;
    --input-focus-border: #fb7185;

    --button-bg:         #11070a;
    --button-border:     #f43f5e;
    --button-hover-bg:   #f43f5e;
    --button-hover-color:#ffffff;

    --panel-bg:          #100a0c;
    --panel-bg-deep:     #11070a;
    --danger-bg:         #2f0314;
    --success-bg:        #082016;
    --muted:             #7e7779;
    --on-accent:         #ffffff;

    --banner-bg:         #10060a;
    --banner-mid:        #120a0c;
    --banner-deep:       #0b0407;
    --banner-frame:      #f76f86;
    --banner-scanline:   rgba(244, 63, 94, 0.06);
    --banner-bar-height: 5px;

    --scrollbar-track:   #0a0a0a;

    --logo-bg:           #10060a;
    --logo-fill:         #f43f5e;
    --logo-stroke:       #b02d44;
    --logo-sub-fill:     #10060a;
    --logo-sub-stroke:   #fb7185;
}

body.theme-love {
    animation: none;
}