/* ============================================================
   Thermawool — brand.css
   SINGLE SOURCE OF TRUTH for colours & type tokens.
   Linked by every page. Do NOT redefine these in a page.
   Change a value here → it updates across the whole site.
   Reference: BRAND.md (identity) · DESIGN.md (system, §0 rules)
   ============================================================ */
:root {
  /* ── Brand red — the ONLY red on the site ── */
  --brand:        #A03516;   /* Basalt Red — primary / signature */
  --brand-dark:   #7E2911;   /* hover / pressed */
  --brand-light:  #F6ECE8;   /* tint / hover bed */
  --accent:       #A03516;   /* alias */
  --accent-hover: #7E2911;   /* alias */
  --orange:       #A03516;   /* legacy alias → collapsed to the single red */

  /* ── Neutrals (warm) ── */
  --charcoal:   #2E2A28;
  --charcoal-rgb: 46, 42, 40; /* charcoal as RGB → for rgba() glass / overlay panels */
  --ink:        #2E2A28;     /* ink / dark text */
  --dark:       #2E2A28;     /* legacy alias of charcoal */
  --body:       #3a3a3a;     /* long-form body text */
  --stone-grey: #6F6F6F;
  --mid:        #6F6F6F;     /* muted / secondary text */
  --name-mute:  #8A8A8A;     /* product-title 2nd word (e.g. “CLAD”) — matches the grey in the product wordmarks */
  --ash:        #D8D2C9;
  --border:     #D8D2C9;     /* dividers / borders */
  --wool-white: #F5F2EC;
  --light:      #F5F2EC;     /* page background */
  --cream:      #FAF7F3;     /* soft surface */
  --white:      #FFFFFF;

  /* ── Type ── */
  --font-display: 'Barlow Semi Condensed', 'Arial Narrow', sans-serif; /* Myriad Pro Bold Cond fallback */
  --font-body:    'Source Sans 3', Arial, sans-serif;
}