:root {
    /* =====================
       DEINE VARIABLEN – Pulse Dark
       ===================== */
    --bg-body:        #17141f;
    --text-main:      #ffffff;
    --text-black:     #000000;

    --accent:         #593196;
    --accent-soft:    rgba(89, 49, 150, 0.15);
    --accent-glow:    rgba(89, 49, 150, 0.4);

    --accent-hover1:  #3b2064;
    --accent-hover2:  #7540c8;

    --danger:         #fc3939;
    --warning:        #efa31d;
    --live-red:       #ff0000;

    --track-bg1:      rgba(255, 255, 255, 0.03);
    --track-bg2:      rgba(0, 0, 0, 0.75);
    --track-hover1:   rgba(89, 49, 150, 0.18);
    --track-hover2:   rgba(0, 0, 0, 0.95);

    --modal-bg2:      #17141f;

    --icon-tile-bg:       rgba(255, 255, 255, 0.05);
    --icon-tile-border:   rgba(89, 49, 150, 0.5);
    --icon-tile-hoverbg:  rgba(89, 49, 150, 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(89, 49, 150, 0.5);
    --modal-border-soft:  rgba(89, 49, 150, 0.2);
    --modal-border-strong:rgba(89, 49, 150, 0.4);

    /* =====================
       BOOTSTRAP ÜBERSETZUNG – Pulse Dark
       ===================== */

    /* Body */
    --bs-body-bg:               #17141f;
    --bs-body-color:            #ffffff;
    --bs-body-bg-rgb:           23, 20, 31;
    --bs-body-color-rgb:        255, 255, 255;

    /* Secondary */
    --bs-secondary-color:       rgba(255, 255, 255, 0.7);
    --bs-secondary-bg:          rgba(255, 255, 255, 0.05);

    /* Primary = Pulse Lila */
    --bs-primary:               #593196;
    --bs-primary-rgb:           89, 49, 150;
    --bs-primary-bg-subtle:     rgba(89, 49, 150, 0.15);
    --bs-primary-border-subtle: rgba(89, 49, 150, 0.4);

    /* Danger */
    --bs-danger:                #fc3939;
    --bs-danger-rgb:            252, 57, 57;
    --bs-danger-bg-subtle:      rgba(252, 57, 57, 0.15);

    /* Warning */
    --bs-warning:               #efa31d;
    --bs-warning-rgb:           239, 163, 29;
    --bs-warning-bg-subtle:     rgba(239, 163, 29, 0.15);

    /* Links */
    --bs-link-color:            #7540c8;
    --bs-link-color-rgb:        117, 64, 200;
    --bs-link-hover-color:      #593196;
    --bs-link-hover-color-rgb:  89, 49, 150;

    /* Borders */
    --bs-border-color:          rgba(89, 49, 150, 0.5);
    --bs-border-color-translucent: rgba(89, 49, 150, 0.2);

    /* Modal */
    --bs-modal-bg:              #17141f;
    --bs-modal-border-color:    rgba(89, 49, 150, 0.4);

    /* Card */
    --bs-card-bg:               rgba(255, 255, 255, 0.05);
    --bs-card-border-color:     rgba(89, 49, 150, 0.5);
    --bs-card-cap-bg:           rgba(0, 0, 0, 0.75);

    /* Table */
    --bs-table-bg:              rgba(255, 255, 255, 0.03);
    --bs-table-striped-bg:      rgba(0, 0, 0, 0.75);
    --bs-table-hover-bg:        rgba(89, 49, 150, 0.18);
    --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);
}

/* =====================
   BUTTON OVERRIDES – Pulse
   ===================== */

.btn-primary {
    background-color: #593196 !important;
    border-color:     #593196 !important;
    color:            #ffffff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #3b2064 !important;
    border-color:     #3b2064 !important;
    color:            #ffffff !important;
}

.btn-outline-primary {
    color:        #7540c8 !important;
    border-color: #593196 !important;
}
.btn-outline-primary:hover {
    background-color: #593196 !important;
    color:            #ffffff !important;
}

.btn-outline-secondary {
    border-color: rgba(89, 49, 150, 0.5) !important;
    color:        rgba(255, 255, 255, 0.7) !important;
}
.btn-outline-secondary:hover {
    background-color: rgba(89, 49, 150, 0.15) !important;
}
