/* Backpocket's colors and fonts (Wix is the baseline, Jake 2026-10-20). Only the Backpocket site loads this file;
   the shared layout in site.css uses these tokens and never a color of its own. */
:root {
  --brand-dark: #0d0d2e;          /* Wix navy (the tool's navy is #101038) */
  --brand-dark-2: #1a1a4a;
  --brand-accent: #76a552;         /* Wix button green */
  --brand-accent-dark: #3a8700;
  --brand-accent-light: #c1e1a8;
  --brand-panel: #f7f4e9;         /* Wix header and panel cream */
  --brand-band: #31302e;      /* Wix hours band */
  --brand-slate: #5f5d58;         /* Wix game-list panels */
  --brand-heading: #703729;          /* Wix "Spaces" headings */
  --brand-ink: #1d1f22;
  --brand-muted: #63615c;
  --brand-line: #d8d3c4;
  --brand-white: #ffffff;
  --brand-page: #f7f4e9;          /* "Visit us" map: land (Wix cream) */
  --brand-gold: #3a8700;          /* map: main-street edges and the pin's center */
  --brand-olive: #76a552;         /* map: parks */
  --brand-warn-bg: #fbf0d4;
  --brand-warn: #8a5d00;
  --brand-shadow: rgba(13, 13, 46, 0.18);
  --font-body: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-head: "Bebas Neue", "Oswald", Impact, "Arial Narrow", sans-serif;
  --font-pixel: "Silkscreen", "Courier New", monospace;
  --brand-hero-fade: rgba(13, 13, 46, .8);
  --radius: 10px;
  --wrap: 1300px;
}

/* The "Visit us" map sits on a cream panel: rounded like the other Backpocket panels, with a thin edge so it reads as a map. */
.visit-map { border-radius: var(--radius); border: 1px solid var(--brand-line); }