:root {
    /* =====================
       DEINE VARIABLEN (behalten)
       ===================== */
    --bg-body:        #111;
    --text-main:      #ffffff;
    --text-black:     #000000;

    --accent:         #D1FC4E;
    --accent-soft:    rgba(209, 252, 78, 0.15);
    --accent-glow:    rgba(209, 252, 78, 0.4);

    --accent-hover1:  #84bf24;
    --accent-hover2:  #D1FC4E;

    --danger:         #e94560;
    --warning:        #ff8c00;
    --live-red:       #ff0000;

    --track-bg1:      rgba(255, 255, 255, 0.03);
    --track-bg2:      rgba(0, 0, 0, 0.75);
    --track-hover1:   rgba(209, 252, 78, 0.18);
    --track-hover2:   rgba(0, 0, 0, 0.95);

    --modal-bg2:      #050505;

    --icon-tile-bg:       rgba(255, 255, 255, 0.05);
    --icon-tile-border:   rgba(255, 255, 255, 0.1);
    --icon-tile-hoverbg:  rgba(5, 182, 28, 0.15);

    --icon-winamp:        #d48721;
    --icon-mediaplayer:   #5564b6;
    --icon-popup:         #FF5500;
    --icon-radiode:       #0fff37;

    --text-soft:      rgba(255, 255, 255, 0.7);
    --text-head-soft: rgba(255, 255, 255, 0.85);

    --btn-outline-border: rgba(255, 255, 255, 0.3);
    --modal-border-soft:  rgba(255, 255, 255, 0.08);
    --modal-border-strong:rgba(255, 255, 255, 0.12);


    /* =====================
       BOOTSTRAP ÜBERSETZUNG
       ===================== */

    /* Body */
    --bs-body-bg:               #111;
    --bs-body-color:            #ffffff;
    --bs-body-bg-rgb:           17, 17, 17;
    --bs-body-color-rgb:        255, 255, 255;

    /* Secondary / Soft Text */
    --bs-secondary-color:       rgba(255, 255, 255, 0.7);     /* --text-soft */
    --bs-secondary-bg:          rgba(255, 255, 255, 0.05);    /* --icon-tile-bg */

    /* Primary = Accent */
    --bs-primary:               #D1FC4E;
    --bs-primary-rgb:           209, 252, 78;
    --bs-primary-bg-subtle:     rgba(209, 252, 78, 0.15);     /* --accent-soft */
    --bs-primary-border-subtle: rgba(209, 252, 78, 0.4);      /* --accent-glow */

    /* Danger */
    --bs-danger:                #e94560;
    --bs-danger-rgb:            233, 69, 96;
    --bs-danger-bg-subtle:      rgba(233, 69, 96, 0.15);

    /* Warning */
    --bs-warning:               #ff8c00;
    --bs-warning-rgb:           255, 140, 0;
    --bs-warning-bg-subtle:     rgba(255, 140, 0, 0.15);

    /* Links */
    --bs-link-color:            #D1FC4E;                      /* --accent */
    --bs-link-color-rgb:        209, 252, 78;
    --bs-link-hover-color:      #84bf24;                      /* --accent-hover1 */
    --bs-link-hover-color-rgb:  132, 191, 36;

    /* Borders */
    --bs-border-color:          rgba(255, 255, 255, 0.1);     /* --icon-tile-border */
    --bs-border-color-translucent: rgba(255, 255, 255, 0.08); /* --modal-border-soft */

    /* Modal */
    --bs-modal-bg:              #050505;                      /* --modal-bg2 */
    --bs-modal-border-color:    rgba(255, 255, 255, 0.12);    /* --modal-border-strong */

    /* Card / Tile */
    --bs-card-bg:               rgba(255, 255, 255, 0.05);    /* --icon-tile-bg */
    --bs-card-border-color:     rgba(255, 255, 255, 0.1);     /* --icon-tile-border */
    --bs-card-cap-bg:           rgba(0, 0, 0, 0.75);          /* --track-bg2 */

    /* Table */
    --bs-table-bg:              rgba(255, 255, 255, 0.03);    /* --track-bg1 */
    --bs-table-striped-bg:      rgba(0, 0, 0, 0.75);          /* --track-bg2 */
    --bs-table-hover-bg:        rgba(209, 252, 78, 0.18);     /* --track-hover1 */
    --bs-table-color:           #ffffff;

    /* Emphasis */
    --bs-emphasis-color:        #ffffff;
    --bs-emphasis-color-rgb:    255, 255, 255;

    /* Heading */
    --bs-heading-color:         rgba(255, 255, 255, 0.85);    /* --text-head-soft */
}

/* =====================
   BUTTON OVERRIDES
   ===================== */

.btn-primary {
    background-color: #D1FC4E !important;
    border-color:     #D1FC4E !important;
    color:            #000000 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #84bf24 !important;
    border-color:     #84bf24 !important;
    color:            #000000 !important;
}

.btn-outline-primary {
    color:        #D1FC4E !important;
    border-color: #D1FC4E !important;
}
.btn-outline-primary:hover {
    background-color: #D1FC4E !important;
    color:            #000000 !important;
}

.btn-outline-secondary {
    border-color: rgba(255, 255, 255, 0.3) !important;
    color:        rgba(255, 255, 255, 0.7) !important;
}
.btn-outline-secondary:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}