/* H-Town Muscle — design tokens (direction 7A, "Iron House")
   Drop into the theme and reference via var(). Values are final. */

:root {
  /* ---- Color ---- */
  --ink:          #14110f; /* body text, dark sections, secondary buttons, ALL borders */
  --paper:        #e8e4dc; /* page background */
  --oxblood:      #8f1d14; /* accent: primary CTA, section numbers, eyebrows, focus */
  --paper-2:      #dbd6cc; /* inset panels, notices */
  --ink-mute:     #5b534d; /* secondary text on paper */
  --paper-mute:   #b3a99f; /* secondary text on ink */
  --ink-body:     #3a342f; /* long-form body copy */
  --flag:         #d9724f; /* "BEST VALUE" badge ONLY — once per page max */
  --photo-empty:  #c9c2b8; /* image placeholder / loading */
  --divider:      #2a2622; /* hairline divider inside dark sections */
  --footer-text:  #8a8078; /* footer body text on ink */

  /* ---- Type ---- */
  --font-display: "Anton", "Arial Narrow", sans-serif; /* 400 only, ALWAYS uppercase */
  --font-body:    "Barlow", system-ui, sans-serif;     /* 400 500 600 700 */

  --hero:   clamp(46px, 8vw,   104px);
  --title:  clamp(38px, 6vw,   76px);
  --h2:     clamp(25px, 3.6vw, 48px);
  --card-title-m: 19px;  --card-title-d: 26px;
  --price-m:      40px;  --price-d:      46px;
  --body-m:       15px;  --body-d:       16px;
  --label-m:      11px;  --label-d:      12px;

  --lh-display: .96;   /* tight block, but clear of Anton's comma + apostrophe descenders */
  --lh-body:    1.45;
  --lh-prose:   1.65;  /* long-form only */

  --track-display: -.01em; /* 60px+ only; 0 below */
  --track-label:   .14em;
  --track-button:  .08em;
  --track-number:  .2em;   /* section numbers */
  --track-tag:     .16em;  /* filled eyebrow tags */

  /* ---- Structure ---- */
  --border:       2px solid var(--ink);
  --border-hair:  1.5px solid var(--ink); /* dividers inside a box */
  --radius:       0;                      /* everything. exception: gallery play button */
  --shadow:       none;                   /* permanent */

  --pad-side-m:   20px;
  --pad-side-t:   32px;
  --pad-side-d:   56px;
  --pad-block-m:  28px;
  --pad-block-d:  56px;

  --gap-tile:     10px;  /* tight tile grids: 8–12 */
  --gap-card:     24px;  /* card grids: 20–28 */
  --measure:      720px; /* max width for prose */

  --hit-min:      44px;  /* minimum touch target */
  --transition:   150ms ease; /* background + color only, never transform */

  /* ---- Breakpoints (for reference — media queries can't read vars) ---- */
  /* tablet:  768px   desktop: 1024px
     Nav and sticky call bar switch together at 1024.
     Nothing uses position:sticky below 1024. */
}

/* ---- Hero photo treatment ----
   Changed from the handoff: photos stay in full colour. The theme's .hero rules in
   main.css add only a soft shade at the bottom for headline legibility. */

/* Cards, tiles and portraits stay FULL COLOR with a 2px border — no filter. */