/* ============================================================
   37x — Warm terracotta theme tokens (2026 homepage redesign)
   Brand-scoped CSS custom properties. Loaded BEFORE styles.css,
   which only consumes these var()s.

   Warm/editorial identity from the homepage design handoff:
   cream surfaces, terracotta accent (#BF5A2E), espresso-brown dark
   base (#2A2017) for the hero + footer, beige section tints, and a
   Georgia serif wordmark. Headings use Schibsted Grotesk, body uses
   Hanken Grotesk (loaded via Google Fonts in layout.php).
   ============================================================ */

:root{
  /* Backgrounds */
  --page:        #F4EFE7;   /* outermost / behind cards (warm cream) */
  --bg:          #F4EFE7;   /* main page background */
  --card:        #FFFFFF;   /* product rows / panels */
  --tile:        #ECE4D6;   /* image wells / tinted sections (warm beige) */
  --footer-bg:   #2A2017;   /* espresso-brown footer base */
  --search-bg:   #FFFFFF;
  --header-bg:   #ECE2D2;   /* warm-beige header bar (consumed by .site-header) */

  /* Text */
  --text:        #241B12;   /* dark-brown ink — headings & body */
  --muted:       #5A5142;   /* nav, body copy, meta */
  --search-ph:   #A89D8B;   /* input placeholder / struck prices */

  /* Lines */
  --border:      #E4DDCF;   /* hairline borders / dividers */
  --chip:        #D8CDBA;   /* pill / input borders */
  --tile-edge:   #E4DDCF;

  /* Accent (terracotta) */
  --accent:      #BF5A2E;   /* CTAs, logo "x", links, badges, accents */
  --accent-press:#A8472A;   /* button hover / pressed (brick) */
  --accent-tint: #F1E3D9;   /* faint terracotta wash for subtle hover fills */
  --focus-ring:  rgba(191,90,46,.35);

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

  /* Extended palette — consumed by the homepage marketing sections.
     Other brands inherit safe fallbacks via var(--token, …) in styles.css. */
  --ink-dark:    #2A2017;   /* hero / footer base (espresso) */
  --tint:        #ECE4D6;   /* alternating section + image-well background */
  --deal:        #BF5A2E;   /* "Save X%" badges, Deals nav item, sale tag */
  --success:     #A07D2C;   /* "New season" badge (ochre) */
  --on-dark:     rgba(255,255,255,0.82);  /* body text on dark surfaces */
  --on-dark-dim: rgba(255,255,255,0.60);  /* dim labels on dark surfaces */

  /* Type */
  --serif: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;  /* display / headings */
  --sans:  "Hanken Grotesk", -apple-system, "Segoe UI", system-ui, sans-serif;     /* UI / body */
  --logo-font: Georgia, "Times New Roman", serif;  /* the "37x" wordmark */
}