/* ============================================
   SIDEBAR CORE TOKEN SYSTEM
   Version: 1.0.0
   Description: Immutable sidebar dimensions
   Dependencies: None (foundational)
   ============================================ */

@layer sidebar-foundation {
    :root {
        /* Sidebar Dimensional Constants */
        --sidebar-width-collapsed: 3.5rem; /* 56px */
        --sidebar-width-expanded: 20rem; /* 320px */
        --sidebar-width-left-nav: 17.5rem; /* 280px */
        /* Ensure consistency across all pages */
        --sidebar-system-spacer: 1rem; /* Don't use --spacer */
        --sidebar-system-icon: 1.25rem; /* Don't use --icon-font-size */
    }

    /* Override theme's calc() approach globally */
    .sidebar-main-resized:not(.sidebar-main-unfold),
    .sidebar-secondary.sidebar-collapsed,
    .sidebar-end.sidebar-collapsed,
    [class*="sidebar-"][class*="collapsed"] {
        --sidebar-width: var(--sidebar-width-collapsed) !important;
        width: var(--sidebar-width-collapsed) !important;
        min-width: var(--sidebar-width-collapsed) !important;
        max-width: var(--sidebar-width-collapsed) !important;
    }
}