/* eMRO PrimeFaces 13 visual tokens, version 2.1.0. */
body.emro-app-shell {
    --emro-color-canvas: #f7f8fa;
    --emro-color-surface: #ffffff;
    --emro-color-surface-muted: #f5f8fa;
    --emro-color-surface-raised: #fbfcfd;
    --emro-color-shell: #ffffff;
    --emro-color-shell-strong: #071f33;
    --emro-color-text: #172737;
    --emro-color-text-muted: #526577;
    --emro-color-text-inverse: #ffffff;
    --emro-color-border: #c7d2dc;
    --emro-color-border-strong: #8ea2b4;
    --emro-color-focus: #f4b942;
    --emro-color-action: #2563eb;
    --emro-color-action-hover: #1d4ed8;
    --emro-color-action-soft: #eff6ff;
    /* Selected rows: deeper than the hover tint, same family, so "selected" and
       "hovered" stay separable when adjacent. Measured against the hover tint:
       this sits at 1.42:1, where the first attempt (#dfe3fd) was 1.14:1 and read
       as the same colour. Body text on it is 9.57:1. The old #cdeaf4 was the last
       survivor of the teal palette and separated from hover by hue instead. */
    --emro-color-selected: #bfdbfe;
    --emro-color-danger: #b3261e;
    --emro-color-danger-soft: #fff0ef;
    --emro-color-success: #1c6b47;
    --emro-color-success-soft: #edf8f2;
    --emro-color-warning: #855700;
    --emro-color-warning-soft: #fff7df;

    --emro-font-family: "Source Sans Pro", "Segoe UI", sans-serif;
    --emro-font-size-xs: 0.75rem;
    --emro-font-size-sm: 0.8125rem;
    --emro-font-size-md: 0.875rem;
    --emro-font-size-lg: 1rem;
    --emro-font-size-xl: 1.25rem;
    --emro-line-height: 1.45;
    --emro-density: 0.875;

    --emro-space-1: 0.25rem;
    --emro-space-2: 0.5rem;
    --emro-space-3: 0.75rem;
    --emro-space-4: 1rem;
    --emro-space-5: 1.5rem;
    --emro-space-6: 2rem;

    --emro-radius-sm: 0.25rem;
    --emro-radius-md: 0.5rem;
    --emro-radius-lg: 0.75rem;
    --emro-control-height: 1.625rem;
    --emro-control-height-coarse: 2.25rem;
    --emro-topbar-height: 2.75rem;
    --emro-clock-row-height: 2.8125rem;
    --emro-sidebar-width: 17.5rem;

    /* Two-layer ambient elevation: a tight contact shadow plus a wide diffused
       one. A single layer reads as a hard drop shadow; the pair reads as a
       surface actually resting above the canvas. Same total darkness, softer. */
    --emro-shadow-sm: 0 1px 2px rgba(17, 24, 39, 0.04), 0 1px 3px rgba(17, 24, 39, 0.05);
    --emro-shadow-md: 0 2px 6px rgba(17, 24, 39, 0.04), 0 12px 32px rgba(17, 24, 39, 0.08);
    --emro-shadow-dialog: 0 6px 18px rgba(17, 24, 39, 0.07), 0 32px 72px rgba(17, 24, 39, 0.14);

    --emro-motion-fast: 140ms;
    --emro-motion-standard: 220ms;
    --emro-ease: cubic-bezier(0.2, 0, 0, 1);

    /* Documentation tokens; CSS media queries use the matching literal values. */
    --emro-breakpoint-mobile: 40rem;
    --emro-breakpoint-tablet: 64rem;
    --emro-breakpoint-wide: 90rem;

    --emro-z-content: 1;
    /* Keep every shell layer below PrimeFaces' overlay baseline of 1000. */
    --emro-z-sidebar: 900;
    --emro-z-topbar: 910;
    --emro-z-banner: 920;
    --emro-z-skip-link: 930;
}