/* =========================================================================
   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: #0b0a08;
  --brand-bg-2: #15130f;
  --brand-surface: #1b1813;
  --brand-surface-2: #231f18;
  --brand-line: rgba(244, 236, 220, 0.10);
  --brand-text: #f4ecdc;
  --brand-text-2: #b9ae9a;
  --brand-text-3: #8a8070;
  --brand-accent: #d4a84f;
  --brand-accent-2: #eecf8f;
  --brand-accent-ink: #1a1407;
  --brand-accent-soft: rgba(212, 168, 79, 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: #7c5a16;       /* a darker, readable-on-cream version of --brand-accent */
  --hub-accent-2: #a8801f;
  --hub-accent-ink: #fbf8f1;
  --hub-accent-soft: rgba(124, 90, 22, 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);
}