/*
 * Enterprise semantic theme token layer.
 * This file intentionally maps from the current legacy --theme-* values first,
 * so the previous color system remains available as a fallback.
 */
:root {
    --color-primary: var(--theme-primary, #5b21b6);
    --color-primary-dark: var(--theme-header-start, #2e1065);
    --color-primary-light: var(--theme-service-icon-bg, #f1edfb);
    --color-secondary: var(--theme-secondary, #7c3aed);
    --color-accent: var(--theme-accent, #d6a915);
    --color-background: var(--theme-body-bg, #f8f5ff);
    --color-surface: #ffffff;
    --color-surface-hover: #f8fafc;
    --color-navbar-bg: var(--theme-navbar-bg, #080b1f);
    --color-navbar-hover: rgba(255, 255, 255, 0.12);
    --color-navbar-active: rgba(255, 255, 255, 0.18);
    --color-glass-bg: rgba(8, 11, 31, 0.84);
    --color-glass-border: rgba(255, 255, 255, 0.18);
    --color-border: rgba(91, 33, 182, 0.14);
    --color-divider: #ede7f8;
    --shadow-enterprise: 0 16px 36px rgba(15, 23, 42, 0.18);
    --color-text-primary: var(--theme-text, #1f1633);
    --color-text-secondary: #4c3b66;
    --color-text-muted: #6b5f82;
    --color-success: #047857;
    --color-warning: #b45309;
    --color-danger: #b91c1c;
    --color-info: #0369a1;

    --component-header-bg: var(--color-primary-dark);
    --component-navbar-bg: var(--color-navbar-bg);
    --component-navbar-text: var(--theme-navbar-text, #ffffff);
    --component-navbar-icon: var(--theme-navbar-icon, var(--color-accent));
    --component-navbar-glass-bg: var(--color-glass-bg);
    --component-navbar-glass-border: var(--color-glass-border);
    --component-navbar-hover: var(--color-navbar-hover);
    --component-navbar-active: var(--color-navbar-active);
    --component-hero-bg: var(--color-primary);
    --component-card-bg: var(--color-card, var(--color-surface));
    --component-card-hover-bg: var(--color-surface-hover);
    --component-button-primary-bg: var(--color-button-primary, var(--color-primary));
    --component-button-secondary-bg: var(--color-button-secondary, var(--color-secondary));
    --component-button-hover-bg: var(--color-button-hover, var(--color-primary-dark));
    --component-button-active-bg: var(--color-button-active, var(--color-primary-dark));
    --component-form-bg: var(--color-surface);
    --component-input-bg: var(--color-surface);
    --component-table-bg: var(--color-surface);
    --component-table-hover-bg: var(--color-surface-hover);
    --component-sidebar-bg: var(--color-sidebar, var(--color-primary-dark));
    --component-footer-bg: var(--theme-footer-bg, var(--color-primary-dark));
    --component-footer-text: var(--theme-footer-text, #ffffff);
    --component-modal-bg: var(--color-surface);
    --component-dropdown-bg: var(--color-surface);
    --component-pagination-active-bg: var(--color-primary);
    --component-alert-success-bg: var(--color-success);
    --component-alert-warning-bg: var(--color-warning);
    --component-alert-danger-bg: var(--color-danger);
    --component-alert-info-bg: var(--color-info);
    --component-link: var(--color-link, var(--color-primary));
    --component-link-hover: var(--color-link-hover, var(--color-primary-dark));
}

.pcru-theme-surface,
.card,
.modal-content,
.dropdown-menu,
.dashboard-widget {
    background: var(--component-card-bg);
    border-color: var(--color-border);
    color: var(--color-text-primary);
    box-shadow: var(--shadow-enterprise);
}

a {
    color: var(--component-link);
}

a:hover,
a:focus {
    color: var(--component-link-hover);
}

.btn-primary {
    --bs-btn-bg: var(--component-button-primary-bg);
    --bs-btn-border-color: var(--component-button-primary-bg);
    --bs-btn-hover-bg: var(--component-button-hover-bg);
    --bs-btn-hover-border-color: var(--component-button-hover-bg);
    --bs-btn-active-bg: var(--component-button-active-bg);
    --bs-btn-active-border-color: var(--component-button-active-bg);
}

.alert-success,
.badge-success { background-color: var(--component-alert-success-bg); }
.alert-warning,
.badge-warning { background-color: var(--component-alert-warning-bg); }
.alert-danger,
.badge-danger { background-color: var(--component-alert-danger-bg); }
.alert-info,
.badge-info { background-color: var(--component-alert-info-bg); }