/*
 * Interactive colors aligned with the frontend palette.
 * Existing surfaces and borders intentionally remain untouched.
 */
:root {
    --optik-ink: #1A1A1A;
    --optik-green: #3C5858;
    --optik-green-light: #9DC2C1;
    --optik-lime: #D2DC51;
    --optik-lime-hover: #F1FF2B;
}

/* Primary actions: softer brand green reads better than pure black on lime. */
.bg-primary-600,
html.dark .dark\:bg-primary-500 {
    color: var(--optik-green) !important;
}

.bg-primary-600 .text-white,
.bg-primary-600.text-white,
.bg-primary-600 .material-symbols-outlined,
html.dark .dark\:bg-primary-500 .text-white,
html.dark .dark\:bg-primary-500.text-white,
html.dark .dark\:bg-primary-500 .material-symbols-outlined {
    color: var(--optik-green) !important;
}

/* Keep destructive/secondary dark buttons independent from the lime treatment. */
.bg-primary-900,
.bg-primary-900 .text-white,
.bg-primary-900.text-white {
    color: #fff !important;
}

@media (hover: hover) {
    .bg-primary-600:hover,
    .hover\:bg-primary-600\/80:hover,
    html.dark .dark\:bg-primary-500:hover {
        background-color: var(--optik-lime-hover) !important;
    }
}

/* Text-only interactions use the green family, not lime on light surfaces. */
.text-primary-600,
.hover\:text-primary-600:hover,
.group:hover .group-hover\:text-primary-600 {
    color: var(--optik-green) !important;
}

html.dark .dark\:text-primary-500,
html.dark .dark\:hover\:text-primary-500:hover,
html.dark .group:hover .dark\:group-hover\:text-primary-500 {
    color: var(--optik-green-light) !important;
}

/* Sidebar active state: lime is strongest on dark, while light keeps readable text. */
#nav-sidebar-inner ol a.active {
    color: var(--optik-green) !important;
    box-shadow: inset 3px 0 0 var(--optik-lime);
}

html.dark #nav-sidebar-inner ol a.active,
html.dark #nav-sidebar-inner ol a.active .material-symbols-outlined {
    color: var(--optik-lime) !important;
    box-shadow: inset 3px 0 0 var(--optik-lime);
}

/* Compact theme selector: three French labels must fit inside the user menu. */
.admin-theme-switch__item {
    gap: 0.3rem;
    min-width: 0;
    padding: 0.45rem 0.2rem;
}

.admin-theme-switch__icon {
    flex: 0 0 auto;
    font-size: 1.05rem !important;
}

.admin-theme-switch__label {
    min-width: 0;
    font-size: 0.72rem;
    line-height: 1;
    white-space: nowrap;
}