/*
    ProspectTokens.css - the Prospect Process design tokens, and nothing else.

    Split out of ProspectStepShell.css so the read-only admin review side
    (ProspectReview.css) can share one palette with the prospect wizard instead of
    copying the values. Step 203 shipped with its own copy of this list under local
    names and immediately started drifting; there should only ever be one.

    Declared on :root, not on a wrapper, so they are also reachable from elements
    the browser reparents outside the page container - Bootstrap tooltips and
    SweetAlert dialogs both attach to <body>.

    Load this BEFORE any sheet that uses var(--pp-*).
*/

:root {
    --pp-navy: #12203c;
    --pp-navy-ring: #263c63;
    --pp-ink: #1d2939;
    --pp-muted: #667085;
    --pp-faint: #98a2b3;
    --pp-green: #3f8f3a;
    --pp-green-500: #54a44b;
    --pp-green-100: #e8f2e3;
    --pp-green-br: #c2ddb6;
    --pp-amber: #a86a12;
    --pp-amber-100: #fbf0dc;
    --pp-amber-br: #e8d3ad;
    --pp-blue: #2f5d8a;
    --pp-blue-100: #e7eff7;
    --pp-red: #b3261e;
    --pp-red-100: #fbeceb;
    --pp-red-br: #e6b8b4;
    --pp-paper: #fff;
    --pp-surface: #f8f8f6;
    --pp-surface-2: #f2f2ef;
    --pp-rule: #e4e3de;
    --pp-rule-2: #d6d5cf;
    --pp-row-gap: 16px;
    --pp-col-gap: 20px;
    --pp-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}