/* =========================================================
   ADYA site typography
   Source of truth: /detailed.md
   Scope: real site pages. Standalone embedded assets keep their
   own compact UI typography unless they explicitly import this file.
   ========================================================= */

:root {
  --font-display: "Inter", "Helvetica Neue", system-ui, sans-serif;
  --font-body: "Geist", system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;
  --font-serif: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-highlight: "Manrope", "Inter", system-ui, sans-serif;
  --font-secondary: "Nunito Sans", "Inter", system-ui, sans-serif;
  --font-small-caps: "Marcellus SC", Georgia, serif;
  --font-apple-ui: "SF Pro", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

  /* Backward-compatible aliases used by older article templates. */
  --sans: var(--font-body);
  --serif: var(--font-serif);
  --mono: var(--font-mono);

  --type-h1-size: clamp(44px, 5vw, 79.075px);
  --type-h1-line: 1.078;
  --type-h1-track: -0.0242em;
  --type-h2-size: clamp(34px, 4vw, 52px);
  --type-h2-line: 1.05;
  --type-h2-track: -0.025em;
  --type-h3-size: 20px;
  --type-h3-line: 25px;
  --type-h3-track: -0.44px;
  --type-body-size: clamp(17px, 1.15vw, 20px);
  --type-body-line: 1.55;
  --type-small-size: 13px;
  --type-small-line: 19.5px;
}

html,
body {
  font-family: var(--font-body) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body {
  font-feature-settings: "ss01", "ss03";
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-display,
.hero-title,
.hero-heading,
.section-title,
.section-heading,
.page-title,
.card-title,
.mega-link .mega-name,
.market-card .mk-name,
.platform-card .pc-title,
.reason-card .rc-title,
.tier-card .ti-rate,
.track-card .tk-rate,
.bundle-card .bc-price,
.stack-card .sc-title,
.article-col article h2,
.article-col article h3 {
  font-family: var(--font-display) !important;
}

h1,
.hero h1,
.hero-title,
.hero-heading,
.page-title {
  font-weight: 700 !important;
  font-size: var(--type-h1-size) !important;
  line-height: var(--type-h1-line) !important;
  letter-spacing: var(--type-h1-track) !important;
}

h2,
.section-title,
.section-heading,
.article-col article h2 {
  font-weight: 700 !important;
  font-size: var(--type-h2-size) !important;
  line-height: var(--type-h2-line) !important;
  letter-spacing: var(--type-h2-track) !important;
}

h3,
.card-title,
.article-col article h3 {
  font-weight: 700 !important;
  font-size: var(--type-h3-size) !important;
  line-height: var(--type-h3-line) !important;
  letter-spacing: var(--type-h3-track) !important;
}

p,
li,
.section-copy,
.hero-subtitle,
.hero-copy,
.body-copy,
.article-col article p,
.article-col article li {
  font-family: var(--font-body) !important;
}

.article-col article p,
.article-col article li {
  font-size: var(--type-body-size);
  line-height: 1.75;
}

.font-mono,
code,
pre,
kbd,
samp,
.toc-label,
.back-link,
.meta,
.metadata,
.read-time,
.tag-pill,
.mega-badge,
.platform-card .pc-num,
.platform-card .pc-tag,
.tier-card .ti-name,
.tier-card .ti-pop-badge,
.track-card .tk-name,
.traction-cell .tc-cat,
.summary-table thead th,
.footer-links,
.footer-bottom {
  font-family: var(--font-mono) !important;
}

.font-serif,
.pull-quote p,
.pull-quote::after,
.article-col > article > p:first-of-type::first-letter,
.stat-card .stat-num {
  font-family: var(--font-serif) !important;
}

.proof-num,
.metric-num,
.metric-number {
  font-family: var(--font-highlight) !important;
}

button,
.btn,
.btn-primary,
.btn-secondary,
.cta-btn,
.btn-white-pill,
.btn-secondary-sm,
a[class*="btn"],
a[class*="button"] {
  font-family: var(--font-display) !important;
}

nav a,
.nav a,
.nav-link,
.nav .btn,
.nav-capsule a,
.top-bar a,
.footer a {
  font-family: var(--font-body) !important;
}

.eyebrow-pill,
.eyebrow-pill-partner,
.section-eyebrow,
.kicker,
.label,
.hero .label {
  font-family: var(--font-body) !important;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.font-wordmark,
.brand,
.brand-mark .wordmark,
.footer-brand .name {
  font-family: var(--font-display) !important;
  font-weight: 700;
  letter-spacing: -0.025em;
}

/* Tailwind utility helpers used throughout the static pages. */
.font-sans {
  font-family: var(--font-body) !important;
}

.font-serif {
  font-family: var(--font-serif) !important;
}

.font-mono {
  font-family: var(--font-mono) !important;
}

/* Final specificity pass for older article/navigation templates. */
.top-bar .back-link,
.toc .toc-label,
.toc li a,
.article-col .meta,
.article-col .meta-row {
  font-family: var(--font-mono) !important;
}

.nav-link {
  font-family: var(--font-body) !important;
  font-size: 18.889px !important;
  line-height: 28.333px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}