/* ABSERPLite — light/dark theme tokens (Phase 3 placeholder; switching in a later phase) */

[data-abs-theme="light"] {
    --abs-body-bg: #f4f6f9;
    --abs-surface-bg: #ffffff;
    --abs-sidebar-bg: #1a3a5c;
    --abs-sidebar-text: #ffffff;
    --abs-sidebar-muted: rgba(255, 255, 255, 0.65);
    --abs-sidebar-hover: rgba(255, 255, 255, 0.08);
    --abs-sidebar-active-border: #4dabf7;
    --abs-topbar-bg: #ffffff;
    --abs-topbar-text: #212529;
    --abs-topbar-border: #dee2e6;
    --abs-content-text: #212529;
    --abs-muted-text: #6c757d;
    --abs-footer-bg: #ffffff;
    --abs-footer-text: #6c757d;
    --abs-footer-border: #dee2e6;
    --abs-card-border: #dee2e6;
    --abs-logo-bg: rgba(255, 255, 255, 0.15);
    --abs-logo-text: #ffffff;
    --abs-action-bg: #f8f9fa;
    --abs-action-text: #495057;
    --abs-theme-toggle-bg: #e9ecef;
    --abs-primary: #0c4a7a;
    --abs-primary-hover: #08365a;
    --abs-surface-muted: #f8fafc;
}

[data-abs-theme="dark"] {
    --abs-body-bg: #121826;
    --abs-surface-bg: #1c2333;
    --abs-sidebar-bg: #0f172a;
    --abs-sidebar-text: #e2e8f0;
    --abs-sidebar-muted: rgba(226, 232, 240, 0.65);
    --abs-sidebar-hover: rgba(255, 255, 255, 0.06);
    --abs-sidebar-active-border: #60a5fa;
    --abs-topbar-bg: #1c2333;
    --abs-topbar-text: #e2e8f0;
    --abs-topbar-border: #2d3748;
    --abs-content-text: #e2e8f0;
    --abs-muted-text: #94a3b8;
    --abs-footer-bg: #1c2333;
    --abs-footer-text: #94a3b8;
    --abs-footer-border: #2d3748;
    --abs-card-border: #2d3748;
    --abs-logo-bg: rgba(255, 255, 255, 0.08);
    --abs-logo-text: #e2e8f0;
    --abs-action-bg: #243044;
    --abs-action-text: #cbd5e1;
    --abs-theme-toggle-bg: #243044;
    --abs-primary: #3b82c4;
    --abs-primary-hover: #60a5fa;
    --abs-surface-muted: #243044;
}

[data-abs-theme="light"] body.abs-app-body,
[data-abs-theme="dark"] body.abs-app-body {
    background-color: var(--abs-body-bg);
    color: var(--abs-content-text);
}

[data-abs-theme="light"] .abs-sidebar,
[data-abs-theme="dark"] .abs-sidebar {
    background-color: var(--abs-sidebar-bg);
    color: var(--abs-sidebar-text);
}

[data-abs-theme="light"] .abs-sidebar__section-title,
[data-abs-theme="dark"] .abs-sidebar__section-title {
    color: var(--abs-sidebar-muted);
}

[data-abs-theme="light"] .abs-sidebar__menu-link,
[data-abs-theme="dark"] .abs-sidebar__menu-link {
    color: var(--abs-sidebar-text);
}

[data-abs-theme="light"] .abs-sidebar__menu-icon,
[data-abs-theme="dark"] .abs-sidebar__menu-icon {
    background: var(--abs-sidebar-hover);
    color: var(--abs-sidebar-text);
}

[data-abs-theme="light"] .abs-sidebar__menu-link:hover,
[data-abs-theme="dark"] .abs-sidebar__menu-link:hover {
    background-color: var(--abs-sidebar-hover);
}

[data-abs-theme="light"] .abs-sidebar__logo,
[data-abs-theme="dark"] .abs-sidebar__logo {
    background-color: var(--abs-logo-bg);
    color: var(--abs-logo-text);
}

[data-abs-theme="light"] .abs-topbar,
[data-abs-theme="dark"] .abs-topbar {
    background-color: var(--abs-topbar-bg);
    color: var(--abs-topbar-text);
    border-bottom: 1px solid var(--abs-topbar-border);
}

[data-abs-theme="light"] .abs-topbar__toggle,
[data-abs-theme="dark"] .abs-topbar__toggle {
    color: var(--abs-topbar-text);
}

[data-abs-theme="light"] .abs-topbar__action-btn,
[data-abs-theme="dark"] .abs-topbar__action-btn {
    background-color: var(--abs-action-bg);
    color: var(--abs-action-text);
    border-color: transparent;
}

[data-abs-theme="light"] .abs-topbar__action-btn:hover,
[data-abs-theme="dark"] .abs-topbar__action-btn:hover,
[data-abs-theme="light"] .abs-topbar__logout:hover,
[data-abs-theme="dark"] .abs-topbar__logout:hover {
    filter: brightness(0.97);
}

[data-abs-theme="light"] .abs-sidebar__menu-link.is-active,
[data-abs-theme="dark"] .abs-sidebar__menu-link.is-active {
    border-left-color: var(--abs-sidebar-active-border);
    background-color: var(--abs-sidebar-hover);
    font-weight: 600;
}

[data-abs-theme="light"] .abs-content-card,
[data-abs-theme="dark"] .abs-content-card {
    background-color: var(--abs-surface-bg);
    border: 1px solid var(--abs-card-border);
    color: var(--abs-content-text);
}

[data-abs-theme="light"] .abs-breadcrumb-placeholder,
[data-abs-theme="dark"] .abs-breadcrumb-placeholder {
    color: var(--abs-muted-text);
}

[data-abs-theme="light"] .abs-topbar__dropdown,
[data-abs-theme="dark"] .abs-topbar__dropdown {
    background-color: var(--abs-surface-bg);
    color: var(--abs-content-text);
    border-color: var(--abs-card-border);
}

[data-abs-theme="light"] .abs-topbar__dropdown .dropdown-item,
[data-abs-theme="dark"] .abs-topbar__dropdown .dropdown-item,
[data-abs-theme="light"] .abs-topbar__dropdown .dropdown-item-text,
[data-abs-theme="dark"] .abs-topbar__dropdown .dropdown-item-text,
[data-abs-theme="light"] .abs-topbar__dropdown .dropdown-header,
[data-abs-theme="dark"] .abs-topbar__dropdown .dropdown-header {
    color: var(--abs-content-text);
}

[data-abs-theme="light"] .abs-topbar__dropdown .dropdown-item:hover,
[data-abs-theme="dark"] .abs-topbar__dropdown .dropdown-item:hover,
[data-abs-theme="light"] .abs-topbar__dropdown .dropdown-item.active,
[data-abs-theme="dark"] .abs-topbar__dropdown .dropdown-item.active {
    background-color: var(--abs-action-bg);
}

[data-abs-theme="light"] .abs-app-footer,
[data-abs-theme="dark"] .abs-app-footer {
    background-color: var(--abs-footer-bg);
    color: var(--abs-footer-text);
    border-top: 1px solid var(--abs-footer-border);
}

[data-abs-theme="light"] .btn-primary,
[data-abs-theme="dark"] .btn-primary {
    --bs-btn-bg: var(--abs-primary, #0c4a7a);
    --bs-btn-border-color: var(--abs-primary, #0c4a7a);
    --bs-btn-hover-bg: var(--abs-primary-hover, #08365a);
    --bs-btn-hover-border-color: var(--abs-primary-hover, #08365a);
    --bs-btn-active-bg: var(--abs-primary-hover, #08365a);
    --bs-btn-active-border-color: var(--abs-primary-hover, #08365a);
    --bs-btn-disabled-bg: var(--abs-primary, #0c4a7a);
    --bs-btn-disabled-border-color: var(--abs-primary, #0c4a7a);
    font-weight: 600;
}

[data-abs-theme="light"] .btn-outline-secondary,
[data-abs-theme="dark"] .btn-outline-secondary,
[data-abs-theme="light"] .btn-outline-primary,
[data-abs-theme="dark"] .btn-outline-primary {
    font-weight: 600;
}