/* ============================================================
   200stores — blue theme tokens
   Same variable NAMES as 37x.css; values from the 200stores brand
   palette (primary #0052CC, accent #0070FF, light #F0F7FF, green
   prices, near-black ink). System fonts throughout (no serif).
   Loaded BEFORE styles.css, which only consumes these var()s.
   ============================================================ */

:root{
  /* Backgrounds */
  --page:        #E6EEF9;   /* outermost / behind cards */
  --bg:          #F7FAFF;   /* main page background (cool white) */
  --card:        #FFFFFF;   /* product rows / panels */
  --tile:        #F0F7FF;   /* product image tile background */
  --footer-bg:   #F0F7FF;
  --search-bg:   #FFFFFF;

  /* Text */
  --text:        #0A0E27;   /* near-black ink — headings & body */
  --muted:       #5A6478;   /* shop names, meta, secondary text */
  --search-ph:   #98A2B3;   /* input placeholder */

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

  /* Accent (use sparingly) */
  --accent:      #0052CC;   /* deep ocean blue — CTAs, logo, links, hover borders */
  --accent-press:#0042A6;   /* button hover/pressed */
  --accent-tint: #EAF1FB;   /* faint blue wash for subtle hover fills */
  --focus-ring:  rgba(0,82,204,.35);

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

  /* Type — 200stores uses native system fonts everywhere (no serif) */
  --serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --sans:  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}