/* =========================================================================
   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) ---- */
  /* sampled from sullysacademy.com computed styles: bg #080B10, accent #38B6FF (the "Sullys." wordmark blue) */
  --brand-bg: #080b10;
  --brand-bg-2: #0d131a;
  --brand-surface: #121a23;
  --brand-surface-2: #17212c;
  --brand-line: rgba(226, 240, 255, 0.10);
  --brand-text: #f4f8fc;
  --brand-text-2: #a7b4c4;
  --brand-text-3: #6c7888;
  --brand-accent: #38b6ff;
  --brand-accent-2: #74cbff;
  --brand-accent-ink: #041019;
  --brand-accent-soft: rgba(56, 182, 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: #1568b8;       /* darker, readable-on-cream version of --brand-accent */
  --hub-accent-2: #2f80cf;
  --hub-accent-ink: #fbf8f1;
  --hub-accent-soft: rgba(21, 104, 184, 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);
}