/* ============================================================
   TOKENS-ADDITIONS.CSS — proposed additions to css/tokens.css
   Swift Talent Solutions Design System

   Every value below was hardcoded (no existing token matched it)
   AND repeated identically across 3 or more of the 16 refactored
   page CSS files with no visual variation — the bar set by the
   Design System task brief for promoting a value into the shared
   token layer rather than leaving it as a page-scoped exception.

   These are proposals only: they do NOT modify css/tokens.css.
   To adopt, append this file's :root block into tokens.css's
   existing :root block (or load this file immediately after
   tokens.css) and swap the literal values in shared.css's
   .article-body / .answer-box__text / .hero-copy / .calc-panel
   rules (already written against these token names with a literal
   fallback, e.g. var(--text-md,17px)) for the token-only form.
   ============================================================ */

:root{
  /* ---------- Typography ----------
     17px body-copy size: used by .answer-box__text (12 files:
     prijzen, uitzendbureau-vs-recruitment-marketing, werving-en-
     selectie-bureau-vs-recruitment-marketing, zelf-werven-vs-
     recruitment-marketing, detachering-vs-recruitment-marketing,
     ai-saas-vs-recruitment-marketing-bureau, meta-ads-vs-indeed-
     linkedin, sales-fieldmarketing-personeel-werven, werkgeversmerk-
     klein-budget, passieve-kandidaten-bereiken, ai-screening-
     recruitment, 9-16-recruitment-advertentie) and .article-body
     (6 files: ai-saas-vs-recruitment-marketing-bureau, meta-ads-vs-
     indeed-linkedin, werkgeversmerk-klein-budget, passieve-
     kandidaten-bereiken, ai-screening-recruitment, 9-16-recruitment-
     advertentie) — 18 total occurrences of the literal "17px"
     across 12 distinct files. Sits between --text-base (16px) and
     --text-lg (18px) in the existing type scale. */
  --text-md:17px;

  /* ---------- Line height ----------
     1.6 line-height: used by .answer-box__text (12 files, same
     list as above), .hero-copy (home.css), .founder-copy (home.css)
     and .error-lede (404.css) — 15+ occurrences of the literal
     "1.6" across 15 distinct files. Sits between --leading-snug
     (1.2) and --leading-normal (1.5)... actually above
     --leading-normal; the existing scale has no value between 1.5
     and the unnamed 1.6 in constant use, so this fills that gap. */
  --leading-relaxed:1.6;

  /* 1.75 line-height: used by .article-body (6 files, same list as
     the --text-md article-body group above) — the long-form-copy
     line-height, looser than --leading-relaxed for dense article
     paragraphs. */
  --leading-loose:1.75;

  /* ---------- Radius ----------
     12px corner radius: used by .calc-panel (4 files:
     uitzendbureau-vs-recruitment-marketing, werving-en-selectie-
     bureau-vs-recruitment-marketing, zelf-werven-vs-recruitment-
     marketing, detachering-vs-recruitment-marketing, each via a
     page-scoped --radius-calc-panel custom property carrying this
     same literal), strategiegesprek.css's --lp-radius-ad, and
     home.css's .wa-popup__card — 6 occurrences across 5 distinct
     files. Sits between --radius-lg (8px) and the dark-landing
     template's page-scoped 16px card radius (kept as a documented
     2-file exception in shared.css §9b, below the 3-file bar for
     promotion here). */
  --radius-xl:12px;
}

/* ============================================================
   NOT promoted (documented here so the decision is traceable):

   - 16px card radius (--ap-radius-card / --lp-radius-card in
     afspraak.css / strategiegesprek.css): only 2 files, below the
     3-file bar. Kept as --dl-radius-card in shared.css §9b.
   - #FFB300 star-rating gold (--ap-star / --lp-star): only 2 files.
     Kept as --dl-star in shared.css §9b.
   - #4E9BFF on-dark accent blue (--ap-mech-blue / --lp-eyebrow-
     blue): only 2 files. Kept as --dl-accent-blue in shared.css §9b.
   - #E4E6E9 card border (--ap-border-card / --lp-border-card):
     only 2 files, and it is visibly distinct from --neutral-200
     (#DDDFE3) by design (softer border on white card-on-white-page
     compositions) — kept as --dl-border-card in shared.css §9b.
   - 0 24px 60px rgba(11,12,13,.08) card shadow (--ap-shadow-card /
     --lp-shadow-card): only 2 files. Kept as --dl-shadow-card in
     shared.css §9b.
   - 10px small-card radius (--ap-radius-sm-card / --lp-radius-sm-
     card): only 2 files. Kept as --dl-radius-sm-card in shared.css
     §9b.
   - 6px radius (wa-date-pill, wa-confirm, wa-popup__input,
     wa-popup__submit, kanban-card): all 5 occurrences are within
     home.css alone (a single file), not repeated across 3+ separate
     page CSS files, so this does not meet the promotion bar despite
     recurring internally. Left as-is in home.css.
   ============================================================ */