﻿/* Token-only themes. No component selectors here. */

/* Light (default) */
:root,
[data-bs-theme="light"] {
    color-scheme: light;
    --bs-body-bg: #ffffff;
    --bs-body-color: #212529;
    --bs-tertiary-bg: #f8f9fa;
    --bs-border-color: #dee2e6;
    /* Brand/link */
    --bs-primary: #3b82f6;
    --bs-link-color: var(--bs-primary);
    /* App-level semantic tokens (used by bridge.css) */
    --app-surface: var(--bs-body-bg);
    --app-surface-2: #ffffff;
    --app-text: var(--bs-body-color);
    --app-muted: #6c757d;
    --app-border: var(--bs-border-color);
    --app-navbar-bg: var(--bs-body-bg);
    --app-navbar-fg: var(--bs-body-color);
    --app-sidebar-bg: #f8f9fa;
    --app-sidebar-fg: #212529;
    --app-sidebar-active-bg: #e9ecef;
    --app-sidebar-active-fg: var(--bs-primary);
}

/* Dark */
[data-bs-theme="dark"] {
    color-scheme: dark;
    --bs-body-bg: #121212;
    --bs-body-color: #e9ecef;
    --bs-tertiary-bg: #1b1b1b;
    --bs-border-color: #2b2b2b;
    --bs-primary: #6ca8ff;
    --bs-link-color: var(--bs-primary);
    --app-surface: var(--bs-body-bg);
    --app-surface-2: #161616;
    --app-text: var(--bs-body-color);
    --app-muted: #b7bfc6;
    --app-border: var(--bs-border-color);
    --app-navbar-bg: var(--bs-tertiary-bg);
    --app-navbar-fg: var(--bs-body-color);
    --app-sidebar-bg: #151515;
    --app-sidebar-fg: #e6e6e6;
    --app-sidebar-active-bg: #222222;
    --app-sidebar-active-fg: #8ab4f8;
}

/* Calm */
[data-bs-theme="calm"] {
    color-scheme: light;
    --bs-body-bg: #f6f7f6;
    --bs-body-color: #1f2937;
    --bs-tertiary-bg: #eef1f1;
    --bs-border-color: #d6dadd;
    --bs-primary: #2aa198;
    --bs-link-color: var(--bs-primary);
    --app-surface: var(--bs-body-bg);
    --app-surface-2: #ffffff;
    --app-text: var(--bs-body-color);
    --app-muted: #60738a;
    --app-border: var(--bs-border-color);
    --app-navbar-bg: var(--bs-body-bg);
    --app-navbar-fg: var(--bs-body-color);
    --app-sidebar-bg: #0b1a26; /* calm sidebar look */
    --app-sidebar-fg: #dbe6ec;
    --app-sidebar-active-bg: #123044;
    --app-sidebar-active-fg: #7fc4ff;
}
