/* ================================================================
   AVENGERHUB TYPOGRAPHY v2.0
   Inter (Google Fonts) + JetBrains Mono (code/prices)
   ================================================================ */

/* Google Fonts — resilience fallback (primary enqueue in functions.php) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

/* ── BASE BODY ───────────────────────────────────────────────── */

body,
p, li, td, dd, dt,
.woocommerce-product-details__short-description {
  font-family: var(--av-font-primary);
  font-size: var(--av-text-base);
  font-weight: 400;
  line-height: var(--av-leading-normal);
  color: var(--av-color-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── HEADINGS ────────────────────────────────────────────────── */

h1, h2, h3, h4, h5, h6,
.av-heading {
  font-family: var(--av-font-heading);
  color: var(--av-color-heading);
  line-height: var(--av-leading-tight);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-top: 0;
}

h1, .av-h1 {
  font-size: var(--av-text-4xl);
  font-weight: 800;
  letter-spacing: -0.03em;
}
h2, .av-h2 {
  font-size: var(--av-text-3xl);
  font-weight: 700;
}
h3, .av-h3 {
  font-size: var(--av-text-2xl);
  font-weight: 700;
}
h4, .av-h4 {
  font-size: var(--av-text-xl);
  font-weight: 600;
}
h5, .av-h5 {
  font-size: var(--av-text-lg);
  font-weight: 600;
}
h6, .av-h6 {
  font-size: var(--av-text-md);
  font-weight: 600;
}

/* Responsive headings */
@media (max-width: 768px) {
  h1, .av-h1 { font-size: var(--av-text-3xl); }
  h2, .av-h2 { font-size: var(--av-text-2xl); }
  h3, .av-h3 { font-size: var(--av-text-xl); }
}

/* ── GRADIENT TEXT UTILITY ───────────────────────────────────── */

.av-text-gradient {
  background: var(--av-gradient-accent);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── CAPTION / META ──────────────────────────────────────────── */

small,
.meta,
.badge,
.breadcrumb,
.posted-on,
.cat-links,
.woocommerce-breadcrumb,
.av-caption {
  font-size: var(--av-text-xs);
  font-weight: 500;
  line-height: 1.4;
  color: var(--av-color-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* ── PRICE DISPLAY ───────────────────────────────────────────── */

.price,
.woocommerce-Price-amount {
  font-family: var(--av-font-mono);
  font-size: var(--av-text-xl);
  font-weight: 700;
  color: var(--av-color-price);
  letter-spacing: -0.01em;
}

/* ── NAV & BUTTON LABELS ────────────────────────────────────── */

.nav-link,
.menu-item > a,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button {
  font-family: var(--av-font-primary);
  font-size: var(--av-text-sm);
  font-weight: 500;
  letter-spacing: 0.01em;
}

/* ── MONO / CODE ─────────────────────────────────────────────── */

code, pre, .av-mono {
  font-family: var(--av-font-mono);
  font-size: var(--av-text-sm);
}

/* ── LINKS ───────────────────────────────────────────────────── */

a {
  color: var(--av-color-accent);
  text-decoration: none;
  transition: color var(--av-duration-fast) var(--av-ease-out);
}

a:hover {
  color: var(--av-color-accent-hover);
}

/* ── SELECTION ───────────────────────────────────────────────── */

::selection {
  background: var(--av-color-accent-soft);
  color: var(--av-color-heading);
}