:root {
    /* Design System Colors - Light Mode */
    /* Defined in docs/frontend-design.md */
    --primary: #4F46E5;
    --primary-dark: #4338CA;
    --secondary: #0F172A;
    --accent: #06B6D4;
    --surface: #F8FAFC;
    --surface-alt: #F1F5F9;
    --text-primary: #0F172A;
    --text-secondary: #64748B;
    --border: #E2E8F0;
    
    /* App Specifics */
    --body-bg: #ffffff; /* Dashboard often uses white paper feel */
    
    /* Sidebar Variables (Dark Sidebar in Light Mode) */
    --sidebar-width: 260px;
    --sidebar-bg: var(--secondary);
    --sidebar-text: #ececf1;
    --sidebar-hover: #2A2B32;
    --border-color: rgba(255,255,255,0.1);

    /* Bootstrap Overrides */
    --bs-body-bg: var(--body-bg);
    --bs-body-color: var(--text-primary);
    --bs-border-color: var(--border);
    --bs-link-color: var(--primary);
    --bs-link-hover-color: var(--primary-dark);
}

/* Theme Icon Toggling */
[data-bs-theme="light"] .theme-icon-active {
    display: inline-block;
}
[data-bs-theme="light"] .theme-icon-inactive {
    display: none;
}

[data-bs-theme="dark"] .theme-icon-active {
    display: none;
}
[data-bs-theme="dark"] .theme-icon-inactive {
    display: inline-block;
}