/*
 * Non-colour scales: radius, type, spacing, elevation depth, motion.
 *
 * These are theme-independent, so they live on :root rather than [data-theme].
 * Every step was chosen from the values already in the codebase rather than
 * invented - the comment on each line records what it absorbed and how many
 * uses that was.
 */

:root {
    /* Radius. 6px was already the de facto default and 999px the de facto pill. */
    --radius-sm: 4px; /* was 3px, 4px, 0.25rem */
    --radius-md: 6px; /* was 6px, 7px, 0.35rem, 0.4rem, 0.45rem */
    --radius-lg: 10px; /* was 8px, 10px, 0.5rem, 0.55rem, 0.65rem, 0.7rem */
    --radius-xl: 14px; /* was 0.9rem */
    --radius-pill: 999px; /* was 999px, 9999px */
    --radius-circle: 50%;

    /* Type. 0.72rem was already the de facto small-label size. */
    --text-2xs: 0.65rem; /* was 0.48rem, 0.62rem, 0.65rem, 10px */
    --text-xs: 0.72rem; /* was 0.68rem, 0.7rem, 0.72rem, 0.74rem, 0.75rem, 0.76rem, 11px, 12px */
    --text-sm: 0.82rem; /* was 0.78rem, 0.8rem, 0.82rem, 0.85rem, 13px */
    --text-base: 0.92rem; /* was 0.9rem, 0.92rem */
    --text-lg: 1.05rem; /* was 1.05rem, 1.1rem */
    --text-xl: 1.2rem; /* was 1.2rem */

    /* Spacing. A 4px step; Bulma helpers still cover most margin work in markup. */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;

    /* Stacking. Named by role so a new layer does not need a magic number. */
    --z-base: 1;
    --z-raised: 2;
    --z-sticky: 5;
    --z-overlay: 10;
    --z-dropdown: 40;
    --z-map-overlay: 650;
    --z-modal: 700;

    /* Layout landmarks. */
    --navbar-height: 3.25rem;
    /* Distance from the sidebar to page content. Every page sits on this, so a
       heading lines up with the content below it and across pages. */
    --page-inset: 1.5rem;

    /* Motion. */
    --duration-fast: 120ms;
    --duration-base: 160ms;
    --duration-slow: 300ms;
    --ease-standard: ease-in-out;
}