/* ===== DSP Theme Tokens ===== */
:root {
    --theme-primary: #5B4B8A;
    --theme-primary-dark: #3D3260;
    --theme-primary-alt: #6B5A9A;
    --theme-primary-soft: #EDEAF5;
    --theme-sidebar: #4A3D75;
    --theme-sidebar-dark: #352960;
    --theme-sidebar-alt: #54467F;
    --theme-accent: #ffd166;
    --theme-accent-soft: #fff4d6;
    --theme-success: #2e9d68;
    --theme-danger: #dc5c5c;
    --theme-warning: #d39b16;
    --theme-info: #4c7ef3;
    --theme-bg: #f8fbfd;
    --theme-bg-soft: #f3f1f9;
    --theme-surface: #ffffff;
    --theme-surface-soft: #f7f5fb;
    --theme-text: #1d2b36;
    --theme-text-muted: #6b7b88;
    --theme-border: #e0dced;
    --theme-white: #ffffff;
    --theme-shadow-sm: 0 8px 18px rgba(61, 50, 93, 0.06);
    --theme-shadow-md: 0 18px 40px rgba(61, 50, 93, 0.1);
    --theme-shadow-lg: 0 24px 50px rgba(91, 75, 138, 0.16);
    --theme-gradient-main: linear-gradient(135deg, var(--theme-primary-dark) 0%, var(--theme-primary) 58%, var(--theme-primary-alt) 100%);
    --theme-gradient-sidebar: linear-gradient(180deg, var(--theme-sidebar-dark) 0%, var(--theme-sidebar) 45%, var(--theme-sidebar-alt) 100%);
    --theme-gradient-card: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(247, 245, 251, 0.95) 100%);
    --theme-table-header: var(--theme-gradient-main);
    --theme-button-bg: var(--theme-gradient-main);
    --theme-button-text: var(--theme-white);
}