/**
 * @file abiocenter-dark.css
 * @description Dark-mode button tokens for the ABIOCENTER dashboard.
 * @fileoverview Loaded after abiocenter.css and scoped to `html.dark`. Recolors Metronic
 * `.kt-btn` / `.kt-btn-primary` (via `--primary`) and ABIOCENTER `.btn-primary` / `.btn-save`.
 */

html.dark {
    /* ABIOVA brand (see abiocenter.css). White text on #9d1519 is readable on the dark surface. */
    --abiocenter-btn-primary: var(--abiocenter-brand);
    --abiocenter-btn-primary-hover: var(--abiocenter-brand-hover);
    --abiocenter-btn-primary-fg: #ffffff;
    --abiocenter-btn-save: #4ade80;
    --abiocenter-btn-save-hover: #86efac;
    --abiocenter-btn-save-fg: #14532d;
    --primary: var(--abiocenter-btn-primary);
    --primary-foreground: var(--abiocenter-btn-primary-fg);
    --ring: var(--abiocenter-btn-primary-hover);
}

html.dark .btn-primary,
html.dark .kt-btn-primary {
    border-color: var(--abiocenter-btn-primary);
    background: var(--abiocenter-btn-primary);
    color: var(--abiocenter-btn-primary-fg);
}

html.dark .btn-primary:hover,
html.dark .kt-btn-primary:hover {
    border-color: var(--abiocenter-btn-primary-hover);
    background: var(--abiocenter-btn-primary-hover);
    color: var(--abiocenter-btn-primary-fg);
}

html.dark .btn-save {
    border-color: var(--abiocenter-btn-save);
    background: var(--abiocenter-btn-save);
    color: var(--abiocenter-btn-save-fg);
}

html.dark .btn-save:hover {
    border-color: var(--abiocenter-btn-save-hover);
    background: var(--abiocenter-btn-save-hover);
    color: var(--abiocenter-btn-save-fg);
}

html.dark .btn-outline-primary,
html.dark .kt-btn-outline.kt-btn-primary {
    border-color: var(--abiocenter-btn-primary);
    color: var(--abiocenter-btn-primary);
    background: transparent;
}

html.dark .btn-outline-primary:hover,
html.dark .kt-btn-outline.kt-btn-primary:hover {
    background: var(--abiocenter-btn-primary);
    border-color: var(--abiocenter-btn-primary);
    color: var(--abiocenter-btn-primary-fg);
}