/* =============================================================
   SITE THEME — the single design system for every web surface
   -------------------------------------------------------------
   One file, consumed by every page (home, platform docs, catalogue
   explorer, engagement hubs, run scorecards). Change values here and
   the whole site re-skins. Deliberately vendor-neutral and modern:
   indigo accent over a slate neutral scale.

   NOTE: the --brand-* names are kept as LEGACY ALIASES because the
   older surfaces reference them directly — they no longer carry
   Acme values. New pages should use the semantic tokens only.
   ============================================================= */
:root{
  /* ---- core palette ---- */
  --accent:#4F46E5;        /* indigo — primary accent            */
  --accent-2:#7C3AED;      /* violet — gradient partner          */
  --accent-soft:#EEF2FF;   /* indigo tint for chips/hover        */
  --ink:#0F172A;           /* near-black text                    */
  --slate:#64748B;         /* secondary text                     */
  --faint:#94A3B8;         /* tertiary text                      */
  --bg:#F8FAFC;            /* page background                    */
  --card:#FFFFFF;
  --line:#E2E8F0;
  --good:#059669;
  --warn:#D97706;
  --bad:#DC2626;
  --chip:#EEF2FF;

  /* ---- legacy aliases (older pages reference these names) ---- */
  --brand-blue:#4F46E5;
  --brand-cobalt:#4F46E5;
  --brand-navy:#1E1B4B;     /* deep indigo ink */
  --brand-sky:#38BDF8;
  --brand-violet:#7C3AED;
  --brand-magenta:#DB2777;
  --brand-teal:#059669;
  --brand-grey:#E2E8F0;
  --navy:#312E81;          /* header / hero base (indigo-900)    */
  --navy2:#4F46E5;
  --sky:#38BDF8;

  /* ---- elevation & shape ---- */
  --radius:16px;
  --shadow:0 1px 2px rgba(15,23,42,.05),0 4px 12px -4px rgba(15,23,42,.08);
  --shadow-lg:0 1px 2px rgba(15,23,42,.05),0 8px 24px -12px rgba(15,23,42,.14);
  --grad-accent:linear-gradient(120deg,var(--accent),var(--accent-2));

  /* ---- type ---- */
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --sans:ui-sans-serif,-apple-system,"Segoe UI",Inter,Roboto,
         "Helvetica Neue",Arial,sans-serif;
  --display:var(--sans);
}

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

/* ---- header brand bar (logo + eyebrow) — used by older surfaces ---- */
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);
}