/*
 * STO layer contract.
 *
 * Global layers are shared by every screen. Component styles must use these
 * names instead of inventing z-index numbers. Calendar layers are deliberately
 * local and stay below every application overlay.
 */
:root {
    --layer-underlay: -1;
    --layer-content-raised: 1;
    --layer-table-header: 2;

    --layer-local-dropdown: 20;
    --layer-page-toolbar: 100;
    --layer-app-header: 200;
    --layer-dropdown: 400;
    --layer-popover: 600;
    --layer-backdrop: 700;
    --layer-drawer: 800;
    --layer-modal: 900;
    --layer-notification: 1000;

    --layer-calendar-stage: 3;
    --layer-calendar-covered: 4;
    --layer-calendar-control: 5;
    --layer-calendar-now-line: 6;
    --layer-calendar-content: 7;
    --layer-calendar-action: 8;
    --layer-calendar-draft-slot: 9;
    --layer-calendar-card: 10;
    --layer-calendar-axis: 12;
    --layer-calendar-marker: 13;
    --layer-calendar-summary: 15;
    --layer-calendar-header: 20;
    --layer-calendar-corner: 25;
    --layer-calendar-expanded: 50;
    --layer-calendar-search-status: 59;
    --layer-calendar-search: 60;
    --layer-calendar-sidebar-toggle: 80;
}