/* PT Assist brand foundation — shared design tokens + components for the coordinator app.
   Mirrors the palette used in EmailTemplate.cs and MinimalLayout (emails / public pages), so the
   whole product looks like one thing. Layout stays as-is here; this is the look + status pills. */

:root {
    --brand:#1B4A78; --brand-deep:#163C61; --tint:#EAF1F8; --band-sub:#C6D8EC;
    --ground:#F4F1EA; --paper:#FFFFFF; --ink:#22303B; --muted:#6A757F; --hair:#EAE4D9;
    /* status = semantic colour, separate from the blue accent */
    --ok:#2E7D53; --ok-bg:#E7F3EC; --warn:#9A6A12; --warn-bg:#FBF0DA;
    --bad:#B23A2E; --bad-bg:#FBEBE8; --special:#5A4B93; --special-bg:#EEEAF6;
    --gap-bg:#FDF6F5; --panel-bg:#FFF8E6; --panel-bd:#E6CF85; --btn-bd:#CDD4DC;
    --radius:10px;
}

/* Dark mode. Follows the device by default; a user's explicit choice (data-theme) wins either way. */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --tint:#173049; --ground:#0F1720; --paper:#1B2530; --ink:#E8ECF1; --muted:#94A2AF; --hair:#2A3542;
        --ok:#84D6AA; --ok-bg:rgba(46,125,83,.22); --warn:#E6BB6D; --warn-bg:rgba(154,106,18,.24);
        --bad:#EC948A; --bad-bg:rgba(178,58,46,.24); --special:#B7ABDE; --special-bg:rgba(90,75,147,.26);
        --gap-bg:#2C1B1A; --panel-bg:rgba(154,106,18,.18); --panel-bd:#5C4A1E; --btn-bd:#33414F;
    }
}
:root[data-theme="dark"] {
    --tint:#173049; --ground:#0F1720; --paper:#1B2530; --ink:#E8ECF1; --muted:#94A2AF; --hair:#2A3542;
    --ok:#84D6AA; --ok-bg:rgba(46,125,83,.22); --warn:#E6BB6D; --warn-bg:rgba(154,106,18,.24);
    --bad:#EC948A; --bad-bg:rgba(178,58,46,.24); --special:#B7ABDE; --special-bg:rgba(90,75,147,.26);
    --gap-bg:#2C1B1A; --panel-bg:rgba(154,106,18,.18); --panel-bd:#5C4A1E; --btn-bd:#33414F;
}

body {
    margin:0;
    background:var(--ground);
    color:var(--ink);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

a { color:var(--brand); }

/* Colour-coded status pills (used on the schedule). */
.pill {
    display:inline-flex; align-items:center; gap:.28em;
    font-size:.74rem; font-weight:600; line-height:1.4;
    padding:.18em .62em; border-radius:999px; white-space:nowrap;
}
.pill.ok      { background:var(--ok-bg);      color:var(--ok); }
.pill.warn    { background:var(--warn-bg);    color:var(--warn); }
.pill.bad     { background:var(--bad-bg);     color:var(--bad); }
.pill.special { background:var(--special-bg); color:var(--special); }
.pill.neutral { background:#ECEFF2;           color:#4A5760; }