/*
 * PingSorted design tokens (NS-208/docs/engineering/ui-standards.md).
 *
 * Centralized CSS custom properties -- the values a theme swap would
 * actually need to change: brand colour, the shared navigation
 * palette, typography, spacing, corner radius. Loaded after Tabler's
 * own CSS and before neevserve.css, so neevserve.css (and every
 * template) consumes these tokens rather than hardcoding literal hex
 * values -- a replacement theme overrides this one file, no page
 * changes.
 *
 * Values are the approved PingSorted brand pack
 * (mocks/branding/pingsorted-branding.md) and the NS-902 shared
 * navigation contract (mocks/screens/application-shell/README.md) --
 * do not hand-edit a colour here without updating that source of
 * truth first. Deliberately does not redefine Tabler's own `--tblr-*`
 * custom-property set -- these are NeevServe/PingSorted-owned tokens,
 * consumed by neevserve.css's narrowly scoped overrides, not a full
 * re-theme of Tabler itself.
 */
:root {
    /* Brand palette (pingsorted-branding.md). */
    --ps-primary: #183153;
    --ps-primary-2: #102640;
    --ps-secondary: #15B79E;
    --ps-white: #FFFFFF;
    --ps-canvas: #F5F7FA;
    --ps-surface: #FFFFFF;
    --ps-text: #183153;
    --ps-text-muted: #627286;
    --ps-border: #DDE5EC;
    --ps-info: #2563EB;
    --ps-warning: #D97706;
    --ps-danger: #C73737;

    /* Canonical staff-dashboard navigation tokens (NS-902) -- reused
       on every authenticated staff page via the shared shell; no page
       introduces a different sidebar/active-state/mobile-menu colour. */
    --ps-nav-bg: #183153;
    --ps-nav-bg-end: #102640;
    --ps-nav-text: #D9E5F2;
    --ps-nav-muted: #8FA1B8;
    --ps-nav-active-bg: #1B5268;
    --ps-nav-active: #FFFFFF;
    --ps-nav-accent: #15B79E;

    /* NS-521 (NS-930 mock, approved): purple means "testing only / dry
       run" and nothing else -- always paired with those words. */
    --ps-sim: #6D28D9;
    --ps-sim-ink: #4C1D95;
    --ps-sim-wash: #F3EFFF;
    --ps-sim-border: #D9CCFB;
    --ps-sim-nav-bg: #1F2F5C;
    --ps-sim-nav-line: #6C7FD6;
    --ps-sim-nav-ink: #D7CCFF;
    --ps-sim-nav-note: #B9C3E6;
    --ps-sim-nav-active: #5B3BC4;

    /* Typography (branding.md): Inter first, then system-UI fallbacks
       -- no separate webfont is vendored (Tabler's own CSS references
       none either), so this degrades gracefully wherever "Inter"
       itself isn't installed/available, exactly as the approved mocks
       themselves specify. Every screen/control inherits this; no page
       selects its own font. */
    --ps-font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --ps-space-1: 0.25rem;
    --ps-space-2: 0.5rem;
    --ps-space-3: 1rem;
    --ps-space-4: 1.5rem;

    --ps-radius: 10px;
    --ps-shadow: 0 10px 28px rgba(24, 49, 83, .07);
}