/* =============================================================
   Acme BRAND THEME  —  the only file you edit to re-theme the site
   -------------------------------------------------------------
   Colours, fonts and the logo live here (logo is brand/logo.svg).
   Palette sourced from the current Acme deck template
   (Delta-Gen / Fabric proposition decks, theme1.xml).
   ============================================================= */
:root{
  /* ---- Acme core palette (edit these) ---- */
  --brand-blue:#00338D;     /* core brand blue            */
  --brand-cobalt:#1E49E2;   /* primary accent (rebrand)   */
  --brand-navy:#0C233C;     /* deep ink / near-black blue */
  --brand-sky:#00B8F5;      /* light blue, links, glow    */
  --brand-violet:#7213EA;   /* accent                     */
  --brand-magenta:#FD349C;  /* accent                     */
  --brand-teal:#098E7E;     /* positive / success accent  */
  --brand-grey:#E5E5E5;     /* light neutral              */

  /* ---- semantic tokens consumed by the layout (index.html) ---- */
  --navy:var(--brand-blue);
  --navy2:var(--brand-cobalt);
  --sky:var(--brand-sky);
  --ink:var(--brand-navy);
  --slate:#475569;
  --line:#e2e8f0;
  --bg:#f6f8fc;
  --card:#ffffff;
  --good:#0a7d4d;          /* status green (kept for catalogue pills) */
  --warn:#b45309;
  --bad:#b91c1c;
  --chip:#eef2fb;
  --shadow:0 1px 3px rgba(12,35,60,.08),0 8px 24px rgba(12,35,60,.06);

  /* ---- type ----
     Acme uses the proprietary "BrandSans" face for display and Arial for body.
     The licensed font is not redistributable, so we fall back to Arial.
     To enable the real face: drop the woff2 files into brand/fonts/ and
     uncomment the @font-face block below. */
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --sans:"BrandSans","Arial Nova",Arial,"Helvetica Neue",Helvetica,sans-serif;
  --display:"BrandSans","Arial Nova",Arial,"Helvetica Neue",Helvetica,sans-serif;
}

/* @font-face{
  font-family:"BrandSans";
  src:url("fonts/BrandSans-Bold.woff2") format("woff2");
  font-weight:700 900; font-display:swap;
} */

/* Headings use the display face */
header h1, h2, h3{font-family:var(--display);}

/* ---- header brand bar (logo + eyebrow) ---- */
header .brandbar{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
header .brandbar .logo{height:30px;width:auto;display:block;}
header .brandbar .eyebrow{
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  font-weight:700;opacity:.85;padding-left:14px;border-left:1px solid rgba(255,255,255,.35);
}