/* =========================================================================
   THEME: the one file to re-key per prospect.
   --brand-*  : the prospect's world (every deliverable page uses these)
   --hub-*    : the pitch hub (index.html), light, keyed to the same accent
   Pick the accent from the prospect's own photos / logo / site (see
   references/design.md). Swap fonts by changing the @import + the vars.
   ========================================================================= */
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Inter:wght@400..700&family=JetBrains+Mono:wght@400;500&display=swap");

:root {
  /* ---- prospect brand (deliverables) ---- */
  --brand-bg: #0b0912;
  --brand-bg-2: #110d1a;
  --brand-surface: #171221;
  --brand-surface-2: #1f182c;
  --brand-line: rgba(236, 230, 250, 0.10);
  --brand-text: #f2eefb;
  --brand-text-2: #bdb4d0;
  --brand-text-3: #8b829e;
  --brand-accent: #b07cff;
  --brand-accent-2: #cda8ff;
  --brand-accent-ink: #12081f;
  --brand-accent-soft: rgba(176, 124, 255, 0.14);

  /* ---- pitch hub ---- */
  --hub-bg: #f5f2ec;
  --hub-bg-2: #ece7dd;
  --hub-surface: #ffffff;
  --hub-line: rgba(27, 25, 23, 0.12);
  --hub-text: #1b1917;
  --hub-text-2: #5f5850;
  --hub-accent: #6a2fc4;       /* a darker, readable-on-cream version of --brand-accent */
  --hub-accent-2: #7f45d9;
  --hub-accent-ink: #fbf8f1;
  --hub-accent-soft: rgba(106, 47, 196, 0.10);

  /* ---- type ---- */
  --font-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --radius: 18px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* Alix FX flourish: the pink edge of the X logo for bold highlights */
strong { color: #f08bd6; font-weight: 600; }