/* =========================================================================
   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: #05061a;
  --brand-bg-2: #080a24;
  --brand-surface: #0d1030;
  --brand-surface-2: #13173d;
  --brand-line: rgba(220, 235, 255, 0.10);
  --brand-text: #eef4ff;
  --brand-text-2: #a9b6d6;
  --brand-text-3: #7482a8;
  --brand-accent: #1fd6ff;
  --brand-accent-2: #7ee9ff;
  --brand-accent-ink: #03004a;
  --brand-accent-soft: rgba(31, 214, 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: #1d44c4;       /* a darker, readable-on-cream version of --brand-accent */
  --hub-accent-2: #2f63e8;
  --hub-accent-ink: #fbf8f1;
  --hub-accent-soft: rgba(29, 68, 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);
}