/* THE BRAND, in one place: ShieldHand (Cath's brand pack, 11 Nov 2026: Projects\App\Feedback from Cath).
   The colours, the two typefaces and the logo's icon. Change a value here and the app, the website and the
   log-in page all follow. The name and the logo's wording are in brand.js, next to this file.
   The typefaces and the icon are files in brand\ next to this one: nothing loads from the internet.
   (The admin console keeps its own teal on purpose, so it is never mistaken for a customer's app;
   it takes the typefaces and the logo icon from here.)

   Rules to keep when changing colours (Q's design rules, for gloves, glare and poor light):
   - text on the page background and on white must stay dark enough to read outdoors;
   - the main button is Deep Green with white text: white on Safety Green is too faint to read outdoors
     (3.6 to 1; Deep Green gives 5.5 to 1), so Safety Green is kept for the logo, ticks and highlights;
   - the hazard yellow is not a brand colour: it marks serious things (the stripes, the serious switch,
     high priority, "View as") and stays yellow and navy, never green, so serious never looks "safe". The
     PROTOTYPE strip is navy, like the website's, so yellow means danger only (Gaz, 13 Nov);
   - Positive and Area for improvement stay blue and orange: green against red is the pair
     colour-blind people can't tell apart.
   - The icon has a navy hand, so on a dark bar it sits on a white tile (Cath's rule until a white-out version). */
@font-face{font-family:'Inter';src:url('brand/inter.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('brand/montserrat.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --brand-ink:#0B2341;        /* Trust Navy: top bars, headings, text, outlines */
  --brand-paper:#F4F6F8;      /* Cloud Grey: the page background */
  --brand-accent:#009B3A;     /* Safety Green: the logo's "Hand", ticks, highlights, focus rings */
  --brand-action:#007A2E;     /* Deep Green: the main button, with white text */
  --brand-soft:#E6F5EC;       /* Mint Tint: soft panels, the chosen tab, avatars */
  --brand-hazard:#FFD13B;     /* NOT a brand colour: serious and high priority only */
  --brand-positive:#0A5E8C;   /* "Positive" */
  --brand-improve:#A84B0C;    /* "Area for improvement" */
  --brand-icon:url('brand/icon.png');   /* the hand and shield (Cath's interim file until the designer's vector) */
  --brand-font:'Inter','Segoe UI',system-ui,sans-serif;              /* body text, buttons, app screens */
  --brand-font-head:'Montserrat','Segoe UI',system-ui,sans-serif;    /* headings and the logo's lettering */
}