/* F360 Design Tokens — Single Source of Truth für alle Farben */
:root {
    --pc-blue: #5F7DCD;
    --pc-blue-dark: #4a65b0;
    --pc-red: #EB8C87;
    --pc-green: #6BAF7B;
    --pc-green-dark: #4a8f5c;
    --pc-orange: #E8A85C;
    --pc-purple: #7c3aed;
    --pc-teal: #3d9ca5;
    --pc-teal-dark: #2d7a82;
    --pc-dark: #333333;
}

/* Shared button component */
.btn-percoms { background: var(--pc-blue); color: #fff; border: none; }
.btn-percoms:hover { background: var(--pc-blue-dark); color: #fff; }

/* Einheitliche Toggle-Switches (Bootstrap form-switch) — Größe + Brand-Farbe */
.form-switch .form-check-input {
    width: 2.5em;
    height: 1.25em;
    cursor: pointer;
    margin-top: 0.15em;
}
.form-switch .form-check-input:checked {
    background-color: var(--bs-primary, var(--pc-blue));
    border-color: var(--bs-primary, var(--pc-blue));
}
.form-switch .form-check-input:focus {
    border-color: var(--bs-primary, var(--pc-blue));
    box-shadow: 0 0 0 0.2rem rgba(95, 125, 205, 0.15);
}