/* =========================================================================
   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: #070b08;
  --brand-bg-2: #0c120d;
  --brand-surface: #111a13;
  --brand-surface-2: #172319;
  --brand-line: rgba(226, 240, 228, 0.10);
  --brand-text: #eef5ef;
  --brand-text-2: #a9b8ab;
  --brand-text-3: #7d8c80;
  --brand-accent: #5fce5f;
  --brand-accent-2: #8be08b;
  --brand-accent-ink: #04130a;
  --brand-accent-soft: rgba(95, 206, 95, 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: #25712a;       /* a darker, readable-on-cream version of --brand-accent */
  --hub-accent-2: #2f8a2f;
  --hub-accent-ink: #fbf8f1;
  --hub-accent-soft: rgba(37, 113, 42, 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);
}