/* Pearltee — tokens generated from SECTION_MAP.md (reference measured 2026-10-02 at 1440/768/390).
   Every layout value is a reference measurement or a deviation noted in SECTION_MAP.md. Colours/fonts are Pearltee's own. */
:root{
  --tk-container:1265px;      /* reference content box at 1440: x 80 -> 1345 (header Shop button to Create Account button; footer columns 96 -> 1329) */
  --tk-gutter:24px;           /* side gutter below the container width */
  --tk-gutter-m:16px;         /* side gutter 390 */
  --tk-section-y:40px;        /* band padding desktop (reference bands sit ~40px apart) */
  --tk-section-y-m:28px;      /* band padding mobile */
  --tk-gap:24px; --tk-gap-m:12px;
  --tk-cols-d:4; --tk-cols-t:3; --tk-cols-m:2;
  --tk-font-body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --tk-font-head:var(--tk-font-body);
  --tk-fs-base:16px; --tk-lh:1.55;
  --tk-fs-h1:52px; --tk-fs-h1-m:32px; --tk-fs-h2:24px; --tk-fs-h2-m:20px; --tk-fs-h3:18px; --tk-fs-small:14px;
  --tk-fw-head:600; --tk-ls-head:0;
  --tk-radius:10px; --tk-btn-radius:6px;
  --tk-bg:#ffffff; --tk-fg:#1c1d2b; --tk-muted:#5a5d70; --tk-border:#e2e2ea;
  --tk-accent:#0d6f78; --tk-accent-fg:#ffffff;          /* Pearltee sea-teal CTA (reference: saturated accent CTA on dark header) */
  --tk-topbar-bg:#f5c242; --tk-topbar-fg:#1c1d2b;       /* bright promo bar above a dark header, as measured */
  --tk-header-bg:#17192c; --tk-header-fg:#ffffff;       /* dark header + dark category band */
  --tk-header-h:73px; --tk-header-h-m:56px; --tk-logo-h:30px; --tk-logo-h-m:26px;
  --tk-explore-h:80px; --tk-explore-h-m:52px;
  --tk-nav-justify:center;
  --tk-footer-bg:#f3f3f7; --tk-footer-fg:#1c1d2b;
  --tk-slot-bg:#e7e6ee;       /* neutral reserved image boxes until images are attached */
  --tk-card-panel:rgba(23,25,44,.78);
  --tk-prose-max:860px;
  --tk-single-gallery:58%;
}