/* v1.2.8 Theme System Refinement */
:root {
    --color-primary: #2563eb;
    --color-accent: #06b6d4;
    --color-primary-hover: #1e4fc2;
    --color-bg: #f8fafc;
    --color-surface: #ffffff;
    --color-card-bg: #ffffff;
    --color-surface-soft: #f8fafc;
    --color-text: #172033;
    --color-text-muted: #667085;

    --sidebar-bg: #0b1220;
    --sidebar-surface: #0b1220;
    --sidebar-text: #e2e8f0;
    --sidebar-icon: #cbd5e1;
    --sidebar-icon-active: #7ea2ff;
    --sidebar-icon-hover: #ffffff;
    --sidebar-active-bg: #253044;
    --sidebar-hover-bg: #1f2a3e;

    --mobile-nav-bg: #ffffff;
    --mobile-nav-icon: #667085;
    --mobile-nav-icon-active: #2563eb;

    --topbar-bg: var(--color-primary);
    --topbar-text: #ffffff;
    --topbar-subtext: rgba(255, 255, 255, 0.86);
    --topbar-border: rgba(255, 255, 255, 0.2);
    --topbar-button-bg: rgba(255, 255, 255, 0.12);
    --topbar-button-border: rgba(255, 255, 255, 0.28);
    --topbar-button-hover-bg: rgba(255, 255, 255, 0.2);

    --logo-color: var(--color-primary);

    --color-border: #d9e1ec;
    --color-success: #138a43;
    --color-warning: #a15c00;
    --color-danger: #b42318;
    --color-info: var(--color-accent);

    /* Legacy aliases retained for backwards compatibility. */
    --color-sidebar-bg: var(--sidebar-bg);
    --color-sidebar-surface: var(--sidebar-surface);
    --sidebar-active-background: var(--sidebar-active-bg);

    --icon-stroke-width: 2;
    --icon-glow: none;
}