/* Brand colours and the Barlow stacks, shared by the public sheet (site.css),
   the standalone public and homeowner pages, and the CRM. Change a colour here;
   do not paste a second hex into any sheet.

   Light values are the marketing palette. The CRM keeps its own dark theme
   (prefers-color-scheme, opted out with data-theme="light") and does not
   inherit a dark palette from this file — a dark block here would restyle
   every public page that loads site.css.

   The --dark-* values below are the CRM's dark column, named so a page that
   HAS a dark mode (the homeowner pages, the client pages under /p/, the stress
   test) can point its own tokens at them inside its own dark block. They do
   nothing on their own: no page is dark unless its own sheet says so.

   --y and --bg are the names the CRM already uses. They point at the same
   values as --yellow and --paper. */
:root{
  --pad:#E9F0DC;
  --paper:#F6F8F1;
  --card:#ffffff;
  --field:#ffffff;
  --grid:#D6E2C6;
  --line:#B8CBA3;
  --ink:#2E3033;
  --soft:#4A4E52;
  --pale:#C9D6B6;
  --top:#2E3033;
  --on-top:#ffffff;
  --panel-text:#E9F0DC;
  --panel-line:#45494D;
  --panel-outline:#6B7076;
  --yellow:#EDB418;
  --yellow-d:#D29E0C;
  --on-yellow:#2E3033;
  --mark-tile:#E9F0DC;
  --red:#B8322A;
  --red-status:#A8281E;
  --red-bg:#F3D6D3;
  --green:#2F6B1F;
  --green-bg:#DCEBD2;
  --warn-bg:#FFF4D6;
  --error-on-dark:#FFB4AC;

  /* Dark column (see above). Used only inside a page's own dark block. */
  --dark-paper:#111418;
  --dark-pad:#252D24;
  --dark-card:#1A1E23;
  --dark-field:#20252B;
  --dark-grid:#4A5A40;
  --dark-line:#2C333B;
  --dark-ink:#EEF1EA;
  --dark-soft:#B3BAAF;
  --dark-top:#0B0D10;
  --dark-yellow:#F2C040;
  --dark-on-yellow:#1A1406;
  --dark-red:#F29B8F;
  --dark-red-bg:#3D1C18;
  --dark-green:#8BD17E;
  --dark-green-bg:#1F3319;
  --dark-warn-bg:#3A2E10;

  /* The one shadow in the system, on the hero quote note. */
  --shadow-note:0 1px 2px rgba(46,48,51,.18),0 8px 24px rgba(46,48,51,.06);

  --font-sans:Barlow,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-display:"Barlow Semi Condensed",Barlow,sans-serif;

  --y:var(--yellow);
  --bg:var(--paper);
}

/* The mark on a dark ground sits on a pad-green tile, or the ink check vanishes.
   Pages add class="mk-tile" to the mark's <svg> where it sits on the ink panel;
   pages with a dark mode turn it on inside their own dark block. */
.mk-tile{background:var(--mark-tile);border-radius:4px;padding:3px;box-sizing:content-box}