/* ── Metronic overrides: force --primary everywhere ── */
/* Les CSS vars (--primary, etc.) sont définies dans base.php via <style> */

/* Buttons */
.kt-btn-primary {
    background-color: var(--primary) !important;
    color: var(--primary-foreground) !important;
    border-color: var(--primary) !important;
}
.kt-btn-primary:hover {
    background-color: color-mix(in oklab, var(--primary) 85%, black) !important;
}
.kt-btn-outline.kt-btn-primary,
.kt-btn-outline {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
    background-color: transparent !important;
}
.kt-btn-outline:hover {
    background-color: var(--primary) !important;
    color: var(--primary-foreground) !important;
}

/* Badges */
.kt-badge-primary {
    background-color: var(--primary) !important;
    color: var(--primary-foreground) !important;
}
.kt-badge-primary.kt-badge-outline {
    background-color: transparent !important;
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.kt-badge-light-primary {
    background-color: color-mix(in oklab, var(--primary) 12%, white) !important;
    color: var(--primary) !important;
}
.kt-badge-light-success {
    background-color: #DCFCE7 !important;
    color: #16A34A !important;
}
.kt-badge-light {
    background-color: #F3F4F6 !important;
    color: #4B5563 !important;
}

/* Links */
.kt-link {
    color: var(--primary) !important;
}
.kt-link:hover {
    color: color-mix(in oklab, var(--primary) 80%, black) !important;
}

/* Checkboxes & switches */
.kt-checkbox:checked,
input[type="checkbox"].kt-checkbox:checked {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.kt-switch:checked,
input[type="checkbox"].kt-switch:checked {
    background-color: var(--primary) !important;
}

/* Focus rings */
.kt-input:focus,
.kt-input:focus-within {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 2px color-mix(in oklab, var(--primary) 25%, transparent) !important;
}

/* Semantic color helpers */
.text-primary { color: var(--primary) !important; }
.bg-primary { background-color: var(--primary) !important; }
.border-primary { border-color: var(--primary) !important; }
.text-foreground { color: var(--foreground) !important; }
.bg-muted { background-color: var(--muted) !important; }
.text-muted-foreground { color: var(--muted-foreground) !important; }
.text-secondary-foreground { color: var(--secondary-foreground) !important; }
.bg-background { background-color: var(--background) !important; }
.border-input { border-color: var(--border) !important; }
.hover\:text-primary:hover { color: var(--primary) !important; }

/* File input buttons */
input[type="file"]::file-selector-button {
    background-color: color-mix(in oklab, var(--primary) 12%, white) !important;
    color: var(--primary) !important;
}
input[type="file"]:hover::file-selector-button {
    background-color: var(--primary) !important;
    color: var(--primary-foreground) !important;
}