/**
 * Design System Tokens & Canonical Layer Scale
 */
:root {
    --bg: #0B0F14;
    --bg2: #121821;
    --accent: #4FC3FF;
    --accent2: #2A9BFF;
    --text: #FFFFFF;
    --text2: #9FB3C8;
    --text-muted: rgba(248, 250, 252, 0.7);
    --border: rgba(79, 195, 255, 0.15);
    --glass-bg: rgba(18, 24, 33, 0.75);
    --glass-blur: 24px;
    --glass-border: rgba(79, 195, 255, 0.15);
    --red: #ef4444;
    --sidebar-width: 88px;

    /* Design System Tokens */
    --bg-surface-1: #0B0F14;
    --bg-surface-2: #121821;
    --bg-surface-3: #1A2330;
    --bg-surface-overlay: #0F1722;

    --accent-primary: #4FC3FF;
    --accent-secondary: #2A9BFF;
    --secondary: #818cf8;
    --secondary-hover: #6366f1;
    --secondary-bg: rgba(129, 140, 248, 0.12);
    --color-success: #22C55E;
    --color-danger: #EF4444;

    /* Glass Surfaces & Hierarchy */
    --glass-surface-1: rgba(15, 23, 42, 0.65);
    --glass-surface-2: rgba(30, 41, 59, 0.70);
    --glass-surface-3: rgba(51, 65, 85, 0.75);
    --glass-modal: rgba(11, 15, 20, 0.96);
    --glass-border-subtle: rgba(255, 255, 255, 0.08);
    --glass-border-accent: rgba(79, 195, 255, 0.25);

    --border-subtle: rgba(255,255,255,.04);
    --border-glass: rgba(79,195,255,.12);
    --border-active: rgba(79,195,255,.28);

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 20px;

    /* Universal Icon Sizes */
    --icon-xs: 12px;
    --icon-sm: 16px;
    --icon-md: 20px;
    --icon-lg: 24px;
    --icon-xl: 32px;

    --motion-fast: 120ms;
    --motion-normal: 180ms;
    --motion-slow: 240ms;
    --ease-standard: cubic-bezier(0.16, 1, 0.3, 1);

    /* Canonical Layer Hierarchy (Z-Index Scale) */
    --z-dropdown: 900;
    --z-bottom-nav: 950;
    --z-more-menu: 980;
    --z-sticky: 1000;
    --z-backdrop: 1000;
    --z-drawer: 1050;
    --z-modal: 1100;
    --z-popover: 1200;
    --z-toast: 2000;
}

body.sidebar-pinned {
    --sidebar-width: 260px;
}

.no-scrollbar {
    scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
    display: none;
}