/*
  Blog listing archive — design tokens from d:\Shine\HTML\tokens.css.
  Loaded only on post index / archive views (see inc/blog-list/blog-list-enqueue.php).
 */

:root {
  --hero-title-max-local-blog: 51.375rem; /* 822px */
  --hero-content-top-local-blog: 19.8125rem; /* 317px */

  /* blog-list — Figma 500:3111 */
  --blog-list-pad-y: 7.5rem; /* 120px */
  --blog-list-pad-y-mobile: 3.5rem; /* 56px */
  --blog-list-bg-h: 199.5%; /* sparkle plate crop — desktop */
  --blog-list-toolbar-gap: 1rem; /* 16px */
  --blog-list-search-w: 22.1875rem; /* 355px */
  --blog-list-search-icon: 1.8125rem; /* 29px */
  --blog-list-search-pad-y: 1.25rem; /* 20px */
  --blog-list-search-pad-inline-start: 1rem; /* 16px */
  --blog-list-search-pad-inline-end: 2.5rem; /* 40px */
  --radius-blog-list-search: 0.375rem; /* 6px */
  --blog-list-grid-gap: 2rem; /* 32px */
  --blog-list-card-pad-x: 2.5rem; /* 40px */
  --blog-list-card-pad-y: 3.75rem; /* 60px */
  --blog-list-card-pad-mobile: 1.5rem; /* 24px */
  --blog-list-card-inner-gap: 3.75rem; /* 60px */
  --blog-list-copy-gap: 0.9375rem; /* 15px */
  --blog-list-meta-gap: 1rem; /* 16px */
  --blog-list-media-w: 24.9375rem; /* 399px */
  --blog-list-media-h: 15.4375rem; /* 247px */
  --blog-list-icon-meta: 1.5625rem; /* 25px */
  --fs-blog-list-title: 1.5rem; /* 24px */
  --lh-blog-list-title: 2.25rem; /* 36px */
  --fs-blog-list-intro-title: 3.375rem; /* 54px — Prompt Black */
  --fs-blog-list-intro-title-mobile: 1.5rem; /* 24px */
  --lh-blog-list-intro-title-mobile: 1.8125rem; /* 29px */
  --blog-list-intro-max: 60.8125rem; /* 973px */
  --fs-blog-list-excerpt: 1rem; /* 16px */
  --lh-blog-list-excerpt: 1.25rem; /* 20px */
  --ls-blog-list-excerpt: -0.02em;
  --blog-list-card-w-mobile: 18rem; /* 288px */

  /*
    cta-v2 base tokens — required by components/cta-v2/cta-v2.css on blog views.
    Full kit loads tokens.css; blog-list only loads this file.
  */
  --fs-cta-v2-title: 3.375rem; /* 54px — Prompt Black */
  --fs-cta-v2-title-mobile: 1.5rem; /* 24px — Inter Black */
  --lh-cta-v2-title: 3.375rem; /* 54px */
  --lh-cta-v2-title-mobile: normal;
  --ls-cta-v2-title-mobile: -0.02em; /* -0.48px at 24px */
  --cta-v2-pad-y: 7.5rem; /* 120px */
  --cta-v2-pad-y-mobile: 3.5rem; /* 56px */
  --cta-v2-title-max: 93.6875rem; /* 1499px */
  --cta-v2-title-max-mobile: 20rem; /* 320px */
  --cta-v2-body-max: 60.8125rem; /* 973px — corporate / long copy */
  --fs-cta-v2-body: 1.125rem; /* 18px */
  --fs-cta-v2-body-mobile: 1rem; /* 16px */
  --lh-cta-v2-body: 1.875rem; /* 30px */
  --cta-v2-btn-pad-y: 1.25rem; /* 20px */
  --cta-v2-btn-pad-x: 2.5rem; /* 40px */
  --cta-v2-local-actions-gap: 1rem; /* 16px */
  --cta-v2-local-phone-icon: 1.4375rem; /* 23px */
  --cta-v2-local-bg-h: 762.53%;

  /* cta-v2 local blog — Figma 500:3278 */
  --cta-v2-local-blog-bg-h: 808.11%;
  --cta-v2-local-blog-body-max: 26.1875rem; /* 419px */
  --cta-v2-local-blog-actions-w: 35.9375rem; /* 575px */
  --cta-v2-local-blog-actions-gap: 1.5rem; /* 24px */
}