/* purabioma — BRAND LAYER (ships to production; not lab chrome).
 *
 * Holds what is constant across every design direction. Today that is one
 * thing: the wordmark logotype.
 *
 * DECISION (2026-08-08): the brand mark is TYPE, not an image — direction D's
 * all-caps Tenor Sans setting, promoted to the mark for ALL four directions.
 * A logotype set in live text stays selectable, searchable, translatable,
 * infinitely sharp, and costs no extra request; an SVG/PNG mark would do none
 * of that. Because the mark must look identical in A, B, C and D, the face is
 * declared HERE rather than inherited from the active theme — the wordmark is
 * deliberately the one element a theme swap does not restyle.
 *
 * Consumers: .logotype (the mark itself) and the --wordmark-* custom
 * properties for per-page sizing. Nothing else belongs in this file.
 *
 * NAMING: the class is .logotype, NOT .wordmark — every themes/<id>/theme.css
 * already owns a .wordmark rule for its site-header logo, and that rule loads
 * after this file. A brand-owned name keeps the mark immune to theme swaps. */

/* Tenor Sans — same self-hosted file direction D ships; declaring the identical
 * family + src here means D reuses the cached face instead of fetching twice. */
@font-face {
  font-family: "Tenor Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;                     /* text paints immediately, swaps in */
  src: url("../themes/d/fonts/tenor-sans-v21-cyrillic_latin-regular.woff2") format("woff2");
}

.logotype {
  /* size is set per page via --wordmark-size; this is the standalone default */
  font-family: "Tenor Sans", "Trebuchet MS", -apple-system, sans-serif;
  font-weight: 400;
  font-size: var(--wordmark-size, clamp(28px, 6vw, 58px));
  line-height: 1;
  letter-spacing: var(--wordmark-tracking, 0.22em);
  text-transform: uppercase;
  color: inherit;                         /* the direction supplies the colour */
  /* tracking adds a trailing gap after the last letter; the matching start
     padding re-centres the mark optically inside a centred container */
  padding-inline-start: var(--wordmark-tracking, 0.22em);
  white-space: nowrap;
}