/* ======================================================
   Tauschkiste – Globales Theme
   Ersetzt Bootstrap-Blau durch Grün
====================================================== */

:root {
    --tk-accent: #1DD1A1;
    --tk-accent-hover: #17b891;

    /* Bootstrap Primary überschreiben */
    --bs-primary: #1DD1A1;
    --bs-primary-rgb: 29, 209, 161;
}

/* ------------------------------------------------------
   Buttons
------------------------------------------------------ */
.btn-primary {
    --bs-btn-bg: var(--tk-accent);
    --bs-btn-border-color: var(--tk-accent);
    --bs-btn-hover-bg: var(--tk-accent-hover);
    --bs-btn-hover-border-color: var(--tk-accent-hover);
    --bs-btn-active-bg: var(--tk-accent-hover);
    --bs-btn-active-border-color: var(--tk-accent-hover);
    --bs-btn-focus-shadow-rgb: 29,209,161;
}

.btn-outline-primary {
    --bs-btn-color: var(--tk-accent);
    --bs-btn-border-color: var(--tk-accent);
    --bs-btn-hover-bg: var(--tk-accent);
    --bs-btn-hover-border-color: var(--tk-accent);
    --bs-btn-active-bg: var(--tk-accent-hover);
    --bs-btn-active-border-color: var(--tk-accent-hover);
    --bs-btn-focus-shadow-rgb: 29,209,161;
}

/* ------------------------------------------------------
   Texte & Links
------------------------------------------------------ */
.text-primary {
    color: var(--tk-accent) !important;
}

a {
    color: var(--tk-accent);
}
a:hover {
    color: var(--tk-accent-hover);
}

/* ------------------------------------------------------
   Badges
------------------------------------------------------ */
.badge.bg-primary {
    background-color: var(--tk-accent) !important;
}

/* ------------------------------------------------------
   Form Focus (Input, Select, Textarea)
------------------------------------------------------ */
.form-control:focus,
.form-select:focus,
textarea:focus {
    border-color: var(--tk-accent);
    box-shadow: 0 0 0 .25rem rgba(29,209,161,.25);
}

/* ------------------------------------------------------
   Nav / Tabs / Links
------------------------------------------------------ */
.nav-link.active,
.nav-pills .nav-link.active {
    background-color: var(--tk-accent);
}

/* ------------------------------------------------------
   Dropdowns
------------------------------------------------------ */
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--tk-accent);
}

/* ------------------------------------------------------
   Links als Buttons
------------------------------------------------------ */
.btn-link {
    color: var(--tk-accent);
}
.btn-link:hover {
    color: var(--tk-accent-hover);
}