/* M&S brand (his choices of the brand sheet, 08-10-2026): the colours of the logo itself and the two typefaces.
   Settings only. The sign-in pages (ms-signin.css) and the portal's light pass (ms-brand-portal.css) use them. */
:root {
    --ms-blue: #055578;        /* the logo's blue: buttons, links, the active menu line, panels */
    --ms-blue-hover: #044662;  /* a button pressed or pointed at */
    --ms-blue-deep: #03374d;
    --ms-tint: #eaf1f5;        /* pale blue: soft panels, highlighted boxes */
    --ms-charcoal: #333333;    /* the logo's charcoal: text */
    --ms-ink: #1f2a30;         /* headings */
    --ms-muted: #5b6770;
    --ms-canvas: #f4f6f8;      /* the page behind the cards */
    --ms-line: #d5e0e6;        /* borders and dividers */
    --ms-field: #c3ced6;       /* the edge of a text box */
    --ms-green: #15803d;       /* approved, paid, done */
    --ms-red: #b91c1c;         /* refused, late */
    --ms-amber: #b45309;       /* due, waiting */
    --ms-font-heading: 'Outfit', 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --ms-font-text: 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}