/* 2026 site-wide layer (Klika 78.00). Linked from template-parts/header-2026.php after all head CSS, so the
   `header-2026` menu switches it with the header. Element selectors at specificity (0,0,1) on purpose: same
   as the base rules in webstick.css, winning on order only — any class rule (a template's own type) still wins.
   They DO beat type a component sets on a parent and lets inherit, hence the .hp26 exclusion: the HP sets
   p 400 that way (measured 2026-11-01: 5 p + 3 h3 changed). :where() keeps the exclusion at 0 specificity.
   Values = HP 2026 guidance sheet (home-2026.css). Sizes NOT set: pending Tigera (Q1).
   500 is a literal: webstick.css has no medium-weight token. */

h1:where(:not(.hp26 *)) { font-weight: var(--font-weight-bold); line-height: 1.133; letter-spacing: -.005em; }
h2:where(:not(.hp26 *)) { font-weight: var(--font-weight-bold); line-height: 1.133; letter-spacing: -.03em; }
h3:where(:not(.hp26 *)) { font-weight: var(--font-weight-bold); line-height: 1.286; letter-spacing: -.022em; }
p:where(:not(.hp26 *))  { font-weight: 500; line-height: 1.556; letter-spacing: -.019em; }

/* Buttons (Avi 2026-11-01: primary + shape for all). Primary colour through webstick's own tokens, so every
   reader repaints: .ti-btn-primary, Marketo submit, mailing-list submit. Secondary/tertiary keep their colours
   until Tigera answers Q2 — shape only. */
:root {
  --btn-primary-bg: linear-gradient(90deg, #ed8823 0%, #e76d2b 100%);
  --btn-primary-border: var(--btn-primary-bg);
  --btn-primary-text: #000;
}
.dty-btn--lynx { --btn-primary-text: #fff; }   /* demo-thankyou.css repaints it teal via the same tokens; keep its white text */
.posts-banner__container .posts-banner__content a.ti-btn-primary { color: var(--btn-primary-text); }   /* posts-banner.css whitens every banner link at (0,2,1) — /events/ */
.ti-btn { min-height: 50px; border-radius: 15px; font-size: var(--font-size-base); line-height: 21px; letter-spacing: -.011em; }

/* Cards: HP radius 15 (buttons, media). webstick.css .ti-card is the only radius rule on the card itself (cascade_map +
   in-page toggle, 106 cards on 11 pages, 2026-11-01). */
.ti-card { border-radius: 15px; }

/* Marketo submit: marketo-form.css / webstick.css (mailing list) set size/radius with !important at up to (0,7,0),
   so match each selector and win on order. The blog mailing-list form also gets Marketo's own injected mktoGlow
   <style> (!important, (0,4,0)) and mailing-list-form.css ((0,5,0)), both loaded AFTER this file, so its selector
   must out-specify them, not just match: (0,6,0). Counts from CDP: _scripts/_css_winning_rule.py. */
.marketo-form__wrapper .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton,
.mailing-list-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoGlow .mktoButton,
.mailing-list__wrapper .mailing-list__container .mailing-list__container-form .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton,
.mktoModal .mktoForm .mktoButtonWrap.mktoSimple button.mktoButton[type="submit"] {
  min-height: 50px; border-radius: 15px !important; font-size: var(--font-size-base) !important; line-height: 21px !important;
  letter-spacing: -.011em; text-transform: none !important;
}

/* Primary hover = the HP's (Avi 2026-11-01): keep the button's own gradient + text, brighten 8%. The hover tokens are
   pointed at the rest tokens ON the button, not :root, so they resolve per button (Lynx teal stays teal) and beat the
   dark-hero values #hero-section:not(.light-hero) sets on an ancestor. */
.ti-btn-primary,
.marketo-form__wrapper .mktoButton,
.mailing-list-form .mktoButton,
.mailing-list__wrapper .mktoButton,
.mktoModal .mktoButton { --btn-primary-bg-hover: var(--btn-primary-bg); --btn-primary-text-hover: var(--btn-primary-text); }
.ti-btn-primary:hover,
.marketo-form__wrapper .mktoButton:hover,
.mailing-list-form .mktoButton:hover,
.mailing-list__wrapper .mktoButton:hover,
.mktoModal .mktoButton:hover { filter: brightness(1.08); }

/* Secondary blue #1084bd -> HP teal (Avi 2026-11-01): #06616d on light, #2899aa on dark. On :root the derived
   tokens re-resolve from --color-blue-500; in a dark scope they arrive as inherited values, so all four are re-set.
   _probe_secondary_blue.py, 2026-11-01: 394 uses on 55 staging pages, none visible on a dark background. */
:root { --color-blue-500: #06616d; }
.dark-hero, .fn { --color-blue-500: #2899aa; --color-brand-secondary: #2899aa; --blue: #2899aa; --t-blue: #2899aa; }