/* ============================================================
   DARTEE GLOBAL TYPE SYSTEM
   One typographic voice across every page: Anton display,
   Archivo utility/body, Cormorant Garamond for pull quotes only.
   Loaded last so it harmonises legacy per-section rules.
   Sets rhythm properties (family, weight, tracking, leading,
   case) — not sizes — so existing layouts stay intact.
   ============================================================ */

:root {
  --t-display: "Anton", "Archivo", system-ui, sans-serif;
  --t-sans: "Archivo", system-ui, sans-serif;
  --t-quote: "Cormorant Garamond", Georgia, serif;

  --t-eyebrow-size: clamp(10px, 0.78vw, 11.5px);
  --t-eyebrow-track: 0.3em;
  --t-cta-size: clamp(11.5px, 0.86vw, 12.5px);
  --t-cta-track: 0.16em;
  --t-body-lead: 1.62;
}

/* ---------- 1. DISPLAY HEADLINES ---------- */
h1, h2, h3,
.display,
.hero__title,
.sec__title,
.feat-head__left h2,
.reviews-head h2,
.collcamp__title,
.closer__title,
.duosec__title,
.duofeat__title,
.storysec__title,
.standard__title,
.marksec__title,
.lifesec__title,
.warsec__title,
.kitsec__title,
.emailcap__title,
.founders__title,
.muni__title,
.sys__title {
  font-family: var(--t-display);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.006em;
  line-height: 0.94;
  text-transform: uppercase;
  text-wrap: balance;
  -webkit-font-smoothing: antialiased;
}

/* Smaller display units breathe a little more */
h3,
.duofeat__title,
.kit-tile__name,
.collcamp__name,
.feat-card__name {
  line-height: 1.04;
  letter-spacing: 0.012em;
}

/* ---------- 2. EYEBROWS / SECTION LABELS ---------- */
.eyebrow,
.pressbar__eyebrow,
.collcamp__eyebrow,
.duosec__eyebrow,
.storysec__eyebrow,
.standard__eyebrow,
.marksec__eyebrow,
.lifesec__eyebrow,
.warsec__eyebrow,
.founders__eyebrow,
.emailcap__eyebrow,
.sys__eyebrow,
.muni__eyebrow,
.kit-tile__cap,
.feat-card__tag,
.editorial-pause__stmt {
  font-family: var(--t-sans);
  font-weight: 700;
  font-size: var(--t-eyebrow-size);
  letter-spacing: var(--t-eyebrow-track);
  line-height: 1.1;
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
}

/* ---------- 3. BODY / SUPPORTING COPY ---------- */
p,
.lede,
.hero__copy,
.duosec__copy,
.duofeat__text,
.storysec__copy,
.storysec__sub,
.standard__copy,
.marksec__copy,
.marksec__sub,
.lifesec__copy,
.lifesec__sub,
.warsec__sub,
.founders__copy,
.closer__sub,
.emailcap__copy,
.sys__copy {
  font-family: var(--t-sans);
  font-weight: 500;
  letter-spacing: 0.004em;
  line-height: var(--t-body-lead);
  text-transform: none;
  text-wrap: pretty;
}

/* ---------- 4. BUTTONS, LINKS, UTILITY ---------- */
.btn,
button,
input,
select,
textarea,
.hero__cta,
.duosec__cta,
.storysec__cta,
.standard__cta,
.marksec__cta,
.marksec__btn,
.lifesec__cta,
.warsec__cta,
.closer__cta,
.kit-tile__btn,
.kitsec__link,
.emailcap__btn,
.feat-card__add {
  font-family: var(--t-sans);
}

.btn,
.hero__cta,
.duosec__cta,
.storysec__cta,
.standard__cta,
.marksec__cta,
.marksec__btn,
.lifesec__cta,
.warsec__cta,
.closer__cta,
.kit-tile__btn,
.kitsec__link,
.emailcap__btn,
.feat-card__add {
  font-weight: 700;
  font-size: var(--t-cta-size);
  letter-spacing: var(--t-cta-track);
  text-transform: uppercase;
  line-height: 1;
}

/* Navigation + header utility type */
.nav a,
.nav__shop,
.nav__mega-h,
.header__bar a,
.mobmenu__nav a {
  font-family: var(--t-sans);
  letter-spacing: 0.06em;
}

.nav__mega-h,
.mobmenu__group {
  font-weight: 700;
  font-size: var(--t-eyebrow-size);
  letter-spacing: var(--t-eyebrow-track);
  text-transform: uppercase;
}

/* Prices and numerals align optically */
.feat-card__price,
.price-now,
.stickybar__price,
.collcamp__num,
.bundle__now,
.cartdrawer__sum {
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: 0.01em;
}

/* ---------- 5. PULL QUOTES (serif reserved) ---------- */
.quote,
.story__quote,
.closer__quote,
.warsec__sigquote,
.testimonial__quote,
blockquote {
  font-family: var(--t-quote);
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0.004em;
  line-height: 1.3;
  text-transform: none;
}

/* ---------- 6. MOBILE RHYTHM ---------- */
@media (max-width: 680px) {
  :root {
    --t-eyebrow-track: 0.26em;
    --t-body-lead: 1.58;
  }

  h1, h2,
  .display,
  .duosec__title,
  .storysec__title,
  .standard__title,
  .marksec__title,
  .lifesec__title,
  .warsec__title,
  .closer__title,
  .collcamp__title {
    line-height: 0.96;
    letter-spacing: 0.008em;
  }
}

/* ---------- 7. LEGACY OVERRIDES (specificity-matched) ----------
   A few older sections used Archivo 900 for display type or
   serif for body copy. Bring them onto the single system. */
.dartee-home .standard__title,
.dartee-home .collcamp__title,
.dartee-home .marksec__title,
.dartee-home .lifesec__title {
  font-family: var(--t-display) !important;
  font-weight: 400 !important;
  letter-spacing: 0.006em !important;
  line-height: 0.94 !important;
}

.dartee-home .standard__body,
.dartee-home .standard__copy p {
  font-family: var(--t-sans) !important;
  font-weight: 500 !important;
  font-size: clamp(15px, 1.1vw, 16.5px) !important;
  line-height: var(--t-body-lead) !important;
  letter-spacing: 0.004em !important;
}

.dartee-home .standard__eyebrow,
.dartee-home .duosec__eyebrow,
.dartee-home .marksec__eyebrow,
.dartee-home .lifesec__eyebrow,
.dartee-home .warsec__eyebrow,
.dartee-home .founders__eyebrow,
.dartee-home .collcamp__eyebrow {
  font-size: var(--t-eyebrow-size) !important;
  letter-spacing: var(--t-eyebrow-track) !important;
  font-weight: 700 !important;
}