/* ============================================================
   37x — Warm-paper theme tokens
   Brand-scoped CSS custom properties. Loaded BEFORE styles.css,
   which only consumes these var()s. These values were extracted
   verbatim from styles.css :root — keep in sync with the golden
   ThemeRegressionTest.
   ============================================================ */

:root{
  /* Backgrounds */
  --page:        #E7E0D2;   /* outermost / behind cards */
  --bg:          #F7F3EA;   /* main page background (warm paper) */
  --card:        #FFFDF8;   /* product rows / panels */
  --tile:        #EFE8DA;   /* product image tile background */
  --footer-bg:   #F0E9DB;
  --search-bg:   #FFFFFF;

  /* Text */
  --text:        #14110C;   /* near-black ink — headings & body */
  --muted:       #5E574B;   /* shop names, meta, secondary text */
  --search-ph:   #9A9080;   /* input placeholder */

  /* Lines */
  --border:      #E1D8C8;   /* hairline borders / dividers */
  --chip:        #D6CDBA;   /* filter/sort chip borders */
  --tile-edge:   #E1D8C8;

  /* Accent (use sparingly) */
  --accent:      #C15A2B;   /* burnt orange — CTAs, logo "x", links, hover borders */
  --accent-press:#A84D24;   /* button hover/pressed */
  --accent-tint: #F1E7DD;   /* faint orange wash for subtle hover fills */
  --focus-ring:  rgba(193,90,43,.35);

  /* Price */
  --price:       #1C6A39;   /* keep prices green — strongest scanning signal */

  /* Type */
  --serif: Georgia, "Iowan Old Style", "Times New Roman", serif;
  --sans:  "Helvetica Neue", -apple-system, "Segoe UI", system-ui, sans-serif;
}