/*
 * CyanGrafik Brand Colors
 * Derived from logo color #23e2e5 (bright turquoise/cyan)
 *
 * Palette:
 *   Primary:    #17c3c6 (buttons, links, accents)
 *   Dark:       #0e7c7e (gradient dark end, hover states)
 *   Light:      #e0f7f8 (light backgrounds, badges)
 *   Gradient:   #20d5d9 → #0e7c7e
 */

:root,
[data-bs-theme="light"] {
    /* Override Tabler's cyan to match logo */
    --tblr-cyan: #17c3c6;
    --tblr-cyan-rgb: 23, 195, 198;

    /* PRIMARY = Cyan statt Standard-Blau (wirkt auf btn-primary, Toggles, etc.) */
    --tblr-primary: #17c3c6;
    --tblr-primary-rgb: 23, 195, 198;
    --tblr-primary-fg: #ffffff;
    --tblr-primary-darken: #13a8ab;

    /* Links */
    --tblr-link-color: #17c3c6;
    --tblr-link-hover-color: #0e7c7e;

    /* Light variant for backgrounds */
    --tblr-cyan-lt: #e0f7f8;
    --tblr-cyan-lt-rgb: 224, 247, 248;

    /* Brand gradient */
    --cg-gradient-start: #20d5d9;
    --cg-gradient-end: #0e7c7e;
}

/* Button overrides */
.btn-cyan {
    --tblr-btn-bg: #17c3c6;
    --tblr-btn-border-color: #17c3c6;
    --tblr-btn-hover-bg: #13a8ab;
    --tblr-btn-hover-border-color: #13a8ab;
    --tblr-btn-active-bg: #0e8e90;
    --tblr-btn-active-border-color: #0e8e90;
    --tblr-btn-color: #fff;
    --tblr-btn-hover-color: #fff;
    --tblr-btn-active-color: #fff;
}

.btn-outline-cyan {
    --tblr-btn-color: #17c3c6;
    --tblr-btn-border-color: #17c3c6;
    --tblr-btn-hover-bg: #17c3c6;
    --tblr-btn-hover-border-color: #17c3c6;
    --tblr-btn-hover-color: #fff;
    --tblr-btn-active-bg: #13a8ab;
    --tblr-btn-active-border-color: #13a8ab;
    --tblr-btn-active-color: #fff;
}

/* Avatar & badge light backgrounds */
.bg-cyan-lt {
    background-color: #e0f7f8 !important;
    color: #0e7c7e !important;
}

/* Text color */
.text-cyan {
    color: #17c3c6 !important;
}

/* Solid background */
.bg-cyan {
    background-color: #17c3c6 !important;
}

/* Page header gradient (used across all public pages) */
.page-header-brand {
    background: linear-gradient(135deg, #20d5d9 0%, #0e7c7e 100%) !important;
}

/* Link color matching brand */
a.text-cyan:hover {
    color: #13a8ab !important;
}

/* Form Toggles/Switches — Cyan statt Blau */
.form-check-input:checked {
    background-color: #17c3c6;
    border-color: #17c3c6;
}
.form-check-input:focus {
    border-color: #17c3c6;
    box-shadow: 0 0 0 0.25rem rgba(23, 195, 198, 0.25);
}

/* Form Focus States */
.form-control:focus,
.form-select:focus {
    border-color: #17c3c6;
    box-shadow: 0 0 0 0.25rem rgba(23, 195, 198, 0.25);
}

/* Pagination active state */
.page-item.active .page-link {
    background-color: #17c3c6;
    border-color: #17c3c6;
}

/* Nav tabs active */
.nav-tabs .nav-link.active {
    color: #17c3c6;
    border-bottom-color: #17c3c6;
}