/* =============================================
   SKIN: terminal
   Current sl1m.net look: phosphor CRT, scanlines, dark board.
   Swap this file by setting theme_settings.active_theme.
   ============================================= */

:root {
    --bg:                #050306;
    --fg:                #e0dbe5;
    --board-bg:          #18131e;
    --comment-bg:        #2c2334;
    --border:            #473a52;
    --accent:            #8f7da1;
    --highlight:         #b7acc3;
    --time-color:        #695779;

    --phosphor:          #00ff9d;
    --success:           var(--phosphor);
    --warning:           #ffcc00;
    --danger:            #ff3366;
    --info:              #00b4ff;

    --scanline:          rgba(0, 255, 157, 0.07);
    --glow:              0 0 8px var(--phosphor);
    --glow-strong:       0 0 20px var(--phosphor);
    --glow-danger:       0 0 12px var(--danger);

    --shadow-sm:         0 0 8px rgba(0, 255, 157, 0.1);
    --shadow-md:         0 0 20px rgba(0, 255, 157, 0.15);
    --shadow-lg:         0 0 30px var(--accent);
    --board-inset-glow:  inset 0 0 80px rgba(0, 255, 157, 0.15);

    --input-bg:          #0a0a0a;
    --input-border:      var(--accent);
    --input-focus-border: var(--phosphor);

    --button-bg:         #0a0a0a;
    --button-border:     var(--phosphor);
    --button-hover-bg:   var(--phosphor);
    --button-hover-color:#000;

    --panel-bg:          #111111;
    --panel-bg-deep:     #0a0a0a;
    --danger-bg:         #300008;
    --success-bg:        #003000;
    --muted:             #666666;
    --on-accent:         #000000;

    --banner-bg:         #0a0a0a;
    --banner-mid:        #161616;
    --banner-deep:       #050505;
    --banner-frame:      #7dffc8;
    --banner-scanline:   rgba(0, 255, 157, 0.035);
    --banner-bar-height: 5px;

    --scrollbar-track:   #1a1a1a;

    --logo-bg:           #0a0a0a;
    --logo-fill:         #00ff9d;
    --logo-stroke:       #00cc77;
    --logo-sub-fill:     #111111;
    --logo-sub-stroke:   #00cc77;
}

/* CRT extras — page overlay off for now; banner scanlines still on.
body.theme-terminal {
    animation: terminal-flicker 0.15s infinite alternate;
}

body.theme-terminal::before {
    content: '';
    position: fixed;
    inset: 0;
    background: repeating-linear-gradient(
        to bottom,
        transparent 0 2px,
        var(--scanline) 2px 4px
    );
    pointer-events: none;
    z-index: 9999;
    opacity: 0.6;
    animation: terminal-scanline 4s linear infinite;
}
*/

@keyframes terminal-flicker {
    0% { opacity: 0.98; }
    100% { opacity: 1; }
}

@keyframes terminal-scanline {
    0% { background-position: 0 0; }
    100% { background-position: 0 100px; }
}
