/* Traders Trove design tokens -- the single place colors, type and radii
   are defined (from the Market Finder handoff, docs/traders-trove-handoff/
   HANDOFF.md). Pages should reference these variables rather than
   hard-coding values; change --brand here to re-theme everything. */
:root {
  /* Brand: primary buttons, logo tile, selected borders, active nav
     underline, map pins. Alt green: #1E5B3F. */
  --brand: #5B3A7A;
  --brand-hover: #462C5E;
  --on-brand: #FFFFFF;
  /* Selected map pin, focus ring */
  --accent: #B4441A;

  --ink: #17251E;           /* headings, primary text, active chip bg */
  --text: #22302A;          /* body */
  --text-soft: #3B4A42;     /* hero subcopy, inactive nav */
  --text-muted: #4A5951;    /* secondary text (>= 4.5:1 on white) */
  --label: #5C6B62;         /* uppercase field labels */
  --eyebrow: #8A3412;       /* uppercase eyebrows */
  --link: #1E5B3F;
  --link-hover: #123A28;

  --surface: #FFFFFF;
  --surface-tint: #F2F6F1;  /* hero band, selected card bg */
  --surface-muted: #F7F9F6; /* filter bar, vendor block */
  --surface-chip: #EEF1EE;  /* neutral chips, segmented control */
  --avatar-bg: #E3F1E7;
  --avatar-fg: #1E5B3F;

  --border: #DCE3DD;        /* card / section borders */
  --border-soft: #E4EAE5;   /* dividers inside cards */
  --border-input: #8A988F;  /* inputs, outline buttons (>= 3:1 non-text) */
  --border-dashed: #A9B6AD;
  --divider: #C9D3CB;

  --footer-bg: #17251E;
  --footer-text: #C3D0C7;
  --footer-link: #FFFFFF;

  --status-open-bg: #E3F1E7;
  --status-open-fg: #1B5E3A;
  --status-upcoming-bg: #EEF1EE;
  --status-upcoming-fg: #3B4A42;
  --status-closed-bg: #F6E9E2;
  --status-closed-fg: #8A3412;
  /* Admin home (docs/admin/ADMIN_HOME_HANDOFF.md) reuses open = ok,
     closed = attention, upcoming = neutral, plus this info tone. */
  --status-info-bg: #E7EEF6;
  --status-info-fg: #24506E;
  --row-differs-bg: #FFF8EE;
  --alert-bg: #FBF1EC;
  --alert-border: #E8C4B2;

  --scrim: rgba(23, 37, 30, 0.45);
  --shadow-card: 0 6px 24px rgba(23, 37, 30, 0.08);
  --shadow-sheet: 0 -8px 30px rgba(23, 37, 30, 0.18);

  --font-display: "Bricolage Grotesque", "Public Sans", system-ui, sans-serif;
  --font-body: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --radius-control: 10px;   /* inputs, buttons */
  --radius-card: 12px;
  --radius-panel: 14px;
  --radius-pill: 999px;

  --focus-ring: 3px solid var(--accent);
  --focus-offset: 2px;
  --target-min: 44px;       /* minimum touch target */
}