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

html.dark {
    --hippoka-btn-primary: #9aab96;
    --hippoka-btn-primary-hover: #b0c0ab;
    --hippoka-btn-primary-fg: #1c211a;
    --hippoka-btn-save: #4ade80;
    --hippoka-btn-save-hover: #86efac;
    --hippoka-btn-save-fg: #14532d;
    --primary: var(--hippoka-btn-primary);
    --primary-foreground: var(--hippoka-btn-primary-fg);
    --ring: var(--hippoka-btn-primary-hover);
}

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

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

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

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

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

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