:root {
    /* Z-Index Architecture Scale */

    --z-negative: -1;
    --z-base: 0;
    --z-above: 10;
    --z-elevated: 100;

    /* Layout components */
    --z-sidebar: 100;
    --z-footer: 100;
    --z-header: 1000;

    /* UI Components */
    --z-sticky: 1000;
    --z-navbar: 1000;
    --z-dropdown: 2000;
    --z-overlay: 3000;

    /* Feedbacks & Overlays */
    --z-toast: 9000;

    /* Top Layers */
    --z-modal: 10000;
    --z-context-menu: 10000;
    --z-tooltip: 20000;
    --z-preloader: 30000;

    /* Maximum Priority (Overlays that must be on top of everything) */
    --z-max: 99999999;
}