@font-face {
    font-family: "Iosevka Web";
    src: url("../woff2/iosevka-regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Iosevka Web";
    src: url("../woff2/iosevka-semibold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Iosevka Web";
    src: url("../woff2/iosevka-bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Italic faces are not bundled yet. Let the browser synthesize italics from
   the local regular/bold faces instead of requesting missing font files. */

:root {
    --dashboard-bg: #111318;
    --dashboard-sidebar: #141820;
    --dashboard-panel: #171a21;
    --dashboard-panel-2: #1d2129;
    --dashboard-panel-3: #232936;
    --dashboard-text: #eceff4;
    --dashboard-text-soft: #a9b1bc;
    --dashboard-text-dim: #7f8895;

    --accent: #7aa2f7;
    --success: #8ccf7e;
    --danger: #e06c75;
    --warning: #e5c07b;
    --border: rgba(255, 255, 255, 0.06);
    --hover: rgba(255, 255, 255, 0.055);
    --active: rgba(255, 255, 255, 0.09);

    --server-rail-width: 68px;
    --channel-sidebar-width: 252px;
    --member-sidebar-width: 236px;
    --topbar-height: 48px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-popover: 12px;
    --radius-pill: 999px;

    /* Global overlay/layer order. Local component stacking can stay numeric. */
    --z-mobile-backdrop: 30;
    --z-mobile-drawer: 40;
    --z-management-overlay: 80;
    --z-channel-dialog: 95;
    --z-context-menu: 110;
    --z-settings-overlay: 140;
    --z-profile-popover: 145;
    --z-account-menu: 150;
    --z-toast: 1000;
}