/* Theme tokens - the ONLY place visual identity lives for /used/ pages.
   Derived from bemermatreview.com's existing look:
   headings #33658A, CTA blue #199FF2 (darkened for AA contrast),
   palette greens/ambers from the Elementor kit, Roboto / Roboto Slab. */

:root {
  /* Palette */
  --umb-bg: #f6f8fa;             /* page background - cool, clinical, trust */
  --umb-surface: #ffffff;        /* cards, drawers, sheets */
  --umb-border: #e3e9ef;
  --umb-heading: #33658a;        /* site heading steel blue */
  --umb-accent: #0b72ad;         /* buttons, links, active states (AA on white) */
  --umb-accent-strong: #095e8f;  /* hover */
  --umb-accent-tint: #eaf4fa;    /* selected chips, soft fills */
  --umb-accent-ink: #ffffff;     /* text on accent */
  --umb-ink-1: #17222c;          /* prices, strongest text */
  --umb-ink-2: #37485a;          /* body */
  --umb-ink-3: #64758a;          /* secondary/meta */
  --umb-ink-4: #97a5b6;          /* hints, placeholders */

  /* Badges: pill = tinted background + full-strength text.
     All pairs pass WCAG AA (4.5:1) at badge size. */
  --umb-good: #19391d;           /* lowest-priced label - dark tone of the brand green (owner-picked) */
  --umb-good-mid: #86cb92;       /* the brand green itself - dots, accents */
  --umb-good-bg: #e6f4e9;        /* light tint of #86cb92 */
  --umb-fair: #46617a;           /* among-the-lowest label */
  --umb-fair-bg: #edf2f7;
  --umb-warn: #8a5c00;           /* above market (site amber, darkened) */
  --umb-warn-bg: #fdf3d9;
  --umb-hot: #b3400f;            /* high price / heads-up (site orange, darkened) */
  --umb-hot-bg: #fdeee4;
  --umb-heart: #e64c5e;          /* save / favorite heart (owner-picked) */
  --umb-heart-bg: #fdeaec;       /* light tint of the heart color */
  --umb-danger: #c0341d;         /* clear red — negative seller ratings */
  --umb-danger-bg: #fbe4e0;      /* light red tint */

  /* Type */
  --umb-font: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --umb-font-display: "Roboto Slab", "Roboto", Georgia, serif;
  /* Type scale sized for comfortable reading (older readers, no squinting) */
  --umb-fs-title: 1.05rem;       /* card titles, weight 600, 2-line clamp */
  --umb-fs-price: 1.5rem;        /* weight 700, tabular-nums */
  --umb-fs-stat: 1.5rem;         /* market-bar stat tiles */
  --umb-fs-meta: 0.9rem;

  /* Shape & depth */
  --umb-radius: 12px;
  --umb-radius-sm: 8px;
  --umb-radius-pill: 999px;
  --umb-shadow: 0 1px 3px rgb(23 34 44 / 0.06);
  --umb-shadow-hover: 0 6px 16px rgb(23 34 44 / 0.10);
  --umb-shadow-sheet: 0 -8px 32px rgb(23 34 44 / 0.18);

  /* Rhythm (8px grid) */
  --umb-gap: 20px;               /* grid gap */
  --umb-pad: 16px;               /* card padding */

  /* Motion */
  --umb-ease: 150ms ease;
}