/* Sting in the Tail — design tokens.
   Generated from tokens/tokens.json by src/build_tokens.py. Do not edit. */

:root {
  /* colour */
  --sitt-paper: #F3EBDA; /* Default page background. The catalogue's warm cream. */
  --sitt-paper-alt: #EDE8D6; /* Alternate panel / banded sections. */
  --sitt-paper-tint: #F5F0E3; /* Lightest cream, for cards sitting on paper. */
  --sitt-surface: #FFFFFF; /* Product photography backgrounds only. */
  --sitt-ink: #49433F; /* Headings and primary text. Warm near-black. */
  --sitt-ink-muted: #706F6F; /* Body copy and product descriptions. */
  --sitt-ink-faint: #9A938C; /* Captions, page numbers, disclaimers. */
  --sitt-rule: #D9CDB8; /* Hairlines and table separators. */
  --sitt-honey: #EBB146; /* Primary brand accent. The bee, curve motif, key figures. */
  --sitt-amber: #EBAB51; /* Secondary accent, hover/emphasis states. */
  --sitt-terracotta: #A53D25; /* Alert / seasonal accent. Christmas rail colour. */
  --sitt-tan: #C2A17E; /* Muted accent for rules and secondary chips. */

  /* collection colour coding */
  --sitt-collection-gardeners-essentials: #4A762D;
  --sitt-collection-oribon: #6F8738;
  --sitt-collection-gardeners-collection: #535418;
  --sitt-collection-the-scullery: #834F57;
  --sitt-collection-animals-sealife: #547D92;
  --sitt-collection-sports-hobbies: #95BBAC;
  --sitt-collection-the-workshop: #9D1E22;
  --sitt-collection-eufloric: #98C2CC;
  --sitt-collection-aromatherapy: #8E8293;
  --sitt-collection-country-pursuits: #EBB146;
  --sitt-collection-gents-heritage: #AC7847;
  --sitt-collection-speciality-ranges: #B1D8BD;
  --sitt-collection-retro-soaps: #443B3A;
  --sitt-collection-assorted: #EBAB51;
  --sitt-collection-christmas: #A53D25;

  /* type */
  --sitt-font-mono: "Nitti Typewriter", Nitti, Menlo, "Courier New", monospace;
  --sitt-font-display: "Basic Sans", "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
  --sitt-font-serif: Calluna, Palatino, Georgia, serif;

  --sitt-text-display-size: 26pt;
  --sitt-text-display-leading: 30pt;
  --sitt-text-display-tracking: 0.023em;
  --sitt-text-h1-size: 18pt;
  --sitt-text-h1-leading: 22pt;
  --sitt-text-h2-size: 13pt;
  --sitt-text-h2-leading: 17pt;
  --sitt-text-rail-label-size: 8pt;
  --sitt-text-rail-label-leading: 10pt;
  --sitt-text-rail-label-tracking: 0.300em;
  --sitt-text-product-name-size: 7.6pt;
  --sitt-text-product-name-leading: 9.6pt;
  --sitt-text-product-name-tracking: 0.118em;
  --sitt-text-meta-size: 6.4pt;
  --sitt-text-meta-leading: 8.4pt;
  --sitt-text-body-size: 7.6pt;
  --sitt-text-body-leading: 10.4pt;
  --sitt-text-lead-size: 9pt;
  --sitt-text-lead-leading: 13.5pt;
  --sitt-text-caption-size: 6pt;
  --sitt-text-caption-leading: 8pt;
  --sitt-text-caption-tracking: 0.067em;

  /* space + radius */
  --sitt-space-xxs: 3pt;
  --sitt-space-xs: 5pt;
  --sitt-space-sm: 8pt;
  --sitt-space-md: 12pt;
  --sitt-space-lg: 18pt;
  --sitt-space-xl: 26pt;
  --sitt-space-xxl: 38pt;
  --sitt-radius-chip: 1.5px;
  --sitt-radius-card: 3px;
  --sitt-radius-image: 3px;
  --sitt-radius-pill: 999px;
}

/* Collection chips. Text is whichever of ink or paper scores the higher WCAG
   contrast ratio against the fill — never a fixed luminance threshold. */
.sitt-chip--gardeners-essentials { background: var(--sitt-collection-gardeners-essentials); color: var(--sitt-paper); }
.sitt-chip--oribon { background: var(--sitt-collection-oribon); color: var(--sitt-paper); }
.sitt-chip--gardeners-collection { background: var(--sitt-collection-gardeners-collection); color: var(--sitt-paper); }
.sitt-chip--the-scullery { background: var(--sitt-collection-the-scullery); color: var(--sitt-paper); }
.sitt-chip--animals-sealife { background: var(--sitt-collection-animals-sealife); color: var(--sitt-paper); }
.sitt-chip--sports-hobbies { background: var(--sitt-collection-sports-hobbies); color: var(--sitt-ink); }
.sitt-chip--the-workshop { background: var(--sitt-collection-the-workshop); color: var(--sitt-paper); }
.sitt-chip--eufloric { background: var(--sitt-collection-eufloric); color: var(--sitt-ink); }
.sitt-chip--aromatherapy { background: var(--sitt-collection-aromatherapy); color: var(--sitt-paper); }
.sitt-chip--country-pursuits { background: var(--sitt-collection-country-pursuits); color: var(--sitt-ink); }
.sitt-chip--gents-heritage { background: var(--sitt-collection-gents-heritage); color: var(--sitt-paper); }
.sitt-chip--speciality-ranges { background: var(--sitt-collection-speciality-ranges); color: var(--sitt-ink); }
.sitt-chip--retro-soaps { background: var(--sitt-collection-retro-soaps); color: var(--sitt-paper); }
.sitt-chip--assorted { background: var(--sitt-collection-assorted); color: var(--sitt-ink); }
.sitt-chip--christmas { background: var(--sitt-collection-christmas); color: var(--sitt-paper); }

.sitt-chip {
  display: inline-block;
  font-family: var(--sitt-font-mono);
  font-size: var(--sitt-text-product-name-size);
  line-height: var(--sitt-text-product-name-leading);
  letter-spacing: var(--sitt-text-product-name-tracking);
  text-transform: uppercase;
  padding: 2.6pt 5pt;
  border-radius: var(--sitt-radius-chip);
}

.sitt-meta {
  font-family: var(--sitt-font-mono);
  font-size: var(--sitt-text-meta-size);
  color: var(--sitt-ink-faint);
}