/* Rubytee — tokens generated from SECTION_MAP.md (reference measured 2026-10-02).
   Every value: reference measurement or a deliberate deviation noted in SECTION_MAP.md. Colours/fonts are the store's own. */
:root{
  --tk-container:1328px;      /* reference container max-width (1440 viewport, x=56) */
  --tk-gutter:56px;           /* side gutter desktop (reference 56) */
  --tk-gutter-m:16px;         /* side gutter 390 */
  --tk-section-y:48px;        /* alt band padding desktop (reference 48/48) */
  --tk-section-y-m:32px;      /* alt band padding 390 (reference 32/32) */
  --tk-gap:24px; --tk-gap-m:16px;
  --tk-cols-d:3; --tk-cols-t:3; --tk-cols-m:2;   /* catalog grid: reference 3 cols beside filters, 2 at 390 */
  --tk-font-body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --tk-font-head:"Arial Black","Segoe UI Black","Helvetica Neue",Arial,system-ui,sans-serif;
  --tk-fs-base:15px; --tk-lh:1.5;
  --tk-fs-h1:76px; --tk-fs-h1-m:30px; --tk-fs-h2:32px; --tk-fs-h2-m:24px; --tk-fs-h3:19px; --tk-fs-small:14px;
  --tk-fw-head:900; --tk-ls-head:0;
  --tk-radius:12px; --tk-btn-radius:12px;
  --tk-bg:#ffffff; --tk-fg:#1f1b1d; --tk-muted:#5c5458; --tk-border:#e6dfe2;
  --tk-accent:#0e6f78; --tk-accent-fg:#ffffff;          /* primary buttons (reference: blue primary) */
  --tk-brand:#b0103a;                                   /* ruby brand colour */
  --tk-pill:#b0103a;                                    /* header CTA pill (reference: pink pill) */
  --tk-link:#0e6f78;
  --tk-topbar-bg:#221c1f; --tk-topbar-fg:#ffffff;       /* reference top bar #222 */
  --tk-page-top-bg:#ffffff;
  --tk-header-bg:#ffffff; --tk-header-fg:#1f1b1d; --tk-header-h:48px; --tk-header-h-m:56px; --tk-logo-h:36px; --tk-logo-h-m:30px;
  --tk-nav-justify:center;    /* reference nav centred between logo and CTA */
  --tk-hero-bg:#3b0d1c;       /* dark band behind hero text until the hero image is attached */
  --tk-band-accent:#0e6f78;   /* band 6 accent background */
  --tk-alt-bg:#f5f2f3;        /* bands 2 and 9 (reference #f4f4f4) */
  --tk-footer-bg:#221c1f; --tk-footer-fg:#ffffff; --tk-footer-head:#ff7a96;
  --tk-slot-bg:#ece6e8;       /* neutral reserved image boxes until images are attached */
  --tk-prose-max:860px;
  --tk-single-gallery:42%;
}
@media (max-width:1023px){:root{--tk-gutter:24px}}