/**
 * /ai font-size scale — edit px values here only (Backtrack text-size.css pattern).
 *
 * Rules:
 *   - Nothing on this page may render below --ai-font-min (18px).
 *   - Only four tiers: normal, emphasis, section, hero.
 *   - Legacy prototype --font-size-* tokens remap to this scale.
 */

body[data-ai-page="true"] {
  --ai-font-min: 18px;
  --ai-font-normal: 18px;
  --ai-font-emphasis: 20px;
  --ai-font-section: clamp(28px, 3.2vw, 36px);
  --ai-font-hero: clamp(36px, 5vw, 48px);

  /* Aliases used by aesthetic-tune.css + older typography pass */
  --ai-font-display: var(--ai-font-hero);
  --ai-font-title: var(--ai-font-section);
  --ai-font-heading: var(--ai-font-emphasis);
  --ai-font-h3: var(--ai-font-emphasis);
  --ai-font-body: var(--ai-font-normal);
  --ai-font-lead: var(--ai-font-normal);
  --ai-font-small: var(--ai-font-normal);
  --ai-font-caption: var(--ai-font-normal);

  --font-size-standard: var(--ai-font-normal);
  --font-size-small: var(--ai-font-normal);
  --font-size-tiny: var(--ai-font-min);
  --font-size-micro: var(--ai-font-min);
  --font-size-caption: var(--ai-font-normal);
  --font-size-fine-print: var(--ai-font-normal);
  --font-size-label-text: var(--ai-font-min);
  --font-size-meta-text: var(--ai-font-min);
  --font-size-body-text: var(--ai-font-normal);
  --font-size-button-text: var(--ai-font-normal);
  --font-size-sticky-bar-text: var(--ai-font-normal);
  --font-size-sticky-bar-badge: var(--ai-font-min);
  --font-size-subheading: var(--ai-font-emphasis);
  --font-size-small-heading: var(--ai-font-emphasis);
}

body[data-ai-page="true"] #ai-prototype-root {
  font-size: var(--ai-font-normal);
  /* Win over aesthetic-tune.css — nothing below 18px */
  --ai-font-body: var(--ai-font-normal);
  --ai-font-lead: var(--ai-font-normal);
  --ai-font-h3: var(--ai-font-emphasis);
  --ai-font-title: var(--ai-font-section);
}

/* Hero headline */
body[data-ai-page="true"] #ai-prototype-root .ai-hero-headline {
  font-size: var(--ai-font-hero) !important;
}

/* Section h2 — .section__title uses ai-section-title.css */
body[data-ai-page="true"] #ai-prototype-root .ai-section-title:not(.section__title),
body[data-ai-page="true"] #ai-prototype-root .ai-story-title:not(.section__title),
body[data-ai-page="true"] #ai-prototype-root .ai-solution-title:not(.section__title),
body[data-ai-page="true"] #ai-prototype-root .ai-difference-title:not(.section__title),
body[data-ai-page="true"] #ai-prototype-root .ai-projects-title:not(.section__title),
body[data-ai-page="true"] #ai-prototype-root .ai-prev-courses-heading:not(.section__title),
body[data-ai-page="true"] #ai-prototype-root .ai-obsidian-bonus-title:not(.section__title),
body[data-ai-page="true"] #ai-prototype-root .ai-time-saving-title:not(.section__title),
body[data-ai-page="true"] #ai-prototype-root .ai-bonuses-title:not(.section__title),
body[data-ai-page="true"] #ai-prototype-root h2.stagger-item:not(.section__title) {
  font-size: var(--ai-font-section) !important;
}

/* Card titles, FAQ questions, feature headings */
body[data-ai-page="true"] #ai-prototype-root .ai-feature-title,
body[data-ai-page="true"] #ai-prototype-root .ai-faq-title,
body[data-ai-page="true"] #ai-prototype-root .faq-title,
body[data-ai-page="true"] #ai-prototype-root .dashboard-label,
body[data-ai-page="true"] #ai-prototype-root .ai-story-mission-title,
body[data-ai-page="true"] #ai-prototype-root .ai-project-title,
body[data-ai-page="true"] #ai-prototype-root .ai-course-fit-title,
body[data-ai-page="true"] #ai-prototype-root .dashboard-gradient-text,
body[data-ai-page="true"] #ai-prototype-root h3.dashboard-gradient-text {
  font-size: var(--ai-font-emphasis) !important;
}

/* Body + paragraphs */
body[data-ai-page="true"] #ai-prototype-root p,
body[data-ai-page="true"] #ai-prototype-root li,
body[data-ai-page="true"] #ai-prototype-root .ai-section-description,
body[data-ai-page="true"] #ai-prototype-root .ai-feature-description,
body[data-ai-page="true"] #ai-prototype-root .ai-problem-copy,
body[data-ai-page="true"] #ai-prototype-root .ai-difference-copy,
body[data-ai-page="true"] #ai-prototype-root .ai-my-story-copy,
body[data-ai-page="true"] #ai-prototype-root .ai-story-paragraph-card,
body[data-ai-page="true"] #ai-prototype-root .dashboard-description,
body[data-ai-page="true"] #ai-prototype-root .ai-faq-answer,
body[data-ai-page="true"] #ai-prototype-root .ai-faq-answer-p,
body[data-ai-page="true"] #ai-prototype-root .ai-pricing-lead-text,
body[data-ai-page="true"] #ai-prototype-root .ai-prev-text,
body[data-ai-page="true"] #ai-prototype-root .ai-henry-body,
body[data-ai-page="true"] #ai-prototype-root .ai-pricing-feature-text,
body[data-ai-page="true"] #ai-prototype-root .ai-testimonial-highlight-body,
body[data-ai-page="true"] #ai-prototype-root .ai-problem-footer-copy,
body[data-ai-page="true"] #ai-prototype-root .ai-problem-copy,
body[data-ai-page="true"] #ai-prototype-root .ai-solution-copy,
body[data-ai-page="true"] #ai-prototype-root .ai-difference-copy,
body[data-ai-page="true"] #ai-prototype-root .ai-time-saving-description,
body[data-ai-page="true"] #ai-prototype-root .ai-course-fit-item-text,
body[data-ai-page="true"] #ai-prototype-root .ai-curriculum-footer-copy {
  font-size: var(--ai-font-normal) !important;
}

body[data-ai-page="true"] #ai-prototype-root .ai-roadmap-intro {
  font-size: var(--ai-font-emphasis) !important;
}

/* Bold = same size as surrounding copy; only weight + accent color change */
body[data-ai-page="true"] #ai-prototype-root strong,
body[data-ai-page="true"] #ai-prototype-root b,
body[data-ai-page="true"] #ai-prototype-root .ai-faq-strong,
body[data-ai-page="true"] #ai-prototype-root .ai-inline-accent {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 700 !important;
}

/* Meta / trust / pricing chrome — same normal tier (no tiny captions) */
body[data-ai-page="true"] #ai-prototype-root .testimonials-trust-text,
body[data-ai-page="true"] #ai-prototype-root .ai-hero-wish-text,
body[data-ai-page="true"] #ai-prototype-root .ai-hero-subtitle,
body[data-ai-page="true"] #ai-prototype-root .ai-prev-sub,
body[data-ai-page="true"] #ai-prototype-root .ai-prev-name,
body[data-ai-page="true"] #ai-prototype-root .sticky-bar-text,
body[data-ai-page="true"] #ai-prototype-root .ai-pricing-meta-line,
body[data-ai-page="true"] #ai-prototype-root .ai-pricing-meta-subline,
body[data-ai-page="true"] #ai-prototype-root .ai-henry-meta,
body[data-ai-page="true"] #ai-prototype-root .pricing-subtitle,
body[data-ai-page="true"] #ai-prototype-root .ai-pricing-subtitle,
body[data-ai-page="true"] #ai-prototype-root .ai-footer-copyright,
body[data-ai-page="true"] #ai-prototype-root .ai-footer-madewith,
body[data-ai-page="true"] #ai-prototype-root .ai-footer-link,
body[data-ai-page="true"] #ai-prototype-root .ai-header-nav-btn {
  font-size: var(--ai-font-normal) !important;
}

/* Buttons + pricing CTA */
body[data-ai-page="true"] #ai-prototype-root .btn-accent,
body[data-ai-page="true"] #ai-prototype-root .ai-hero-primary-cta,
body[data-ai-page="true"] #ai-prototype-root .sticky-bar-cta,
body[data-ai-page="true"] #ai-prototype-root .ai-pricing-cta,
body[data-ai-page="true"] #ai-prototype-root .ai-pricing-cta-text {
  font-size: var(--ai-font-normal) !important;
}

/* Hero demo scroll lines — still subject to 18px floor */
body[data-ai-page="true"] #ai-prototype-root .ai-hero-scroll-text,
body[data-ai-page="true"] #ai-prototype-root .ai-hero-scroll-line,
body[data-ai-page="true"] #ai-prototype-root .scroll-text-left,
body[data-ai-page="true"] #ai-prototype-root .code-syntax-glow {
  font-size: var(--ai-font-min) !important;
}

/* Tailwind utility leftovers in static HTML */
body[data-ai-page="true"] #ai-prototype-root .text-xs,
body[data-ai-page="true"] #ai-prototype-root .text-sm,
body[data-ai-page="true"] #ai-prototype-root .text-base,
body[data-ai-page="true"] #ai-prototype-root .text-lg,
body[data-ai-page="true"] #ai-prototype-root .text-xl,
body[data-ai-page="true"] #ai-prototype-root .text-2xl,
body[data-ai-page="true"] #ai-prototype-root .text-3xl,
body[data-ai-page="true"] #ai-prototype-root .sm\:text-base,
body[data-ai-page="true"] #ai-prototype-root .sm\:text-lg,
body[data-ai-page="true"] #ai-prototype-root .md\:text-lg {
  font-size: var(--ai-font-normal) !important;
}

/* === 18px floor — final pass (main.css loads this file last) === */

body[data-ai-page="true"] #ai-prototype-root .bw-testimonial-db__name,
body[data-ai-page="true"] #ai-prototype-root .bw-testimonial-db__quote,
body[data-ai-page="true"] #ai-prototype-root .bw-testimonial-load-error,
body[data-ai-page="true"] #ai-prototype-root .ai-project-category-label,
body[data-ai-page="true"] #ai-prototype-root .ai-pricing-perk-label,
body[data-ai-page="true"] #ai-prototype-root .ai-prev-course-subtitle,
body[data-ai-page="true"] #ai-prototype-root .hero-benefit-item,
body[data-ai-page="true"] #ai-prototype-root .ai-hero-author-stats-text,
body[data-ai-page="true"] #ai-prototype-root .ai-pricing-badge,
body[data-ai-page="true"] #ai-prototype-root .ai-countdown-expired-text,
body[data-ai-page="true"] #ai-prototype-root .ai-countdown-label-text,
body[data-ai-page="true"] #ai-prototype-root .ai-countdown-unit,
body[data-ai-page="true"] #ai-prototype-root .ai-countdown-note,
body[data-ai-page="true"] #ai-prototype-root .ai-countdown-extend-link,
body[data-ai-page="true"] #ai-prototype-root .ai-countdown-modal-current-label,
body[data-ai-page="true"] #ai-prototype-root .ai-countdown-modal-unit,
body[data-ai-page="true"] #ai-prototype-root .ai-countdown-modal-description,
body[data-ai-page="true"] #ai-prototype-root .ai-countdown-modal-label,
body[data-ai-page="true"] #ai-prototype-root .ai-countdown-modal-error,
body[data-ai-page="true"] #ai-prototype-root .ai-countdown-modal-success,
body[data-ai-page="true"] #ai-prototype-root .ai-roadmap-intro-block .simple-paragraph:nth-child(n + 3),
body[data-ai-page="true"] #ai-prototype-root .ai-roadmap-step-title,
body[data-ai-page="true"] #ai-prototype-root .ai-curriculum-card .simple-paragraph,
body[data-ai-page="true"] #ai-prototype-root .ai-testimonial-highlight-subtitle,
body[data-ai-page="true"] #ai-prototype-root .ai-copy-context-menu-button,
body[data-ai-page="true"] #ai-prototype-root .ai-copy-feedback,
body[data-ai-page="true"] #ai-prototype-root .ai-error-boundary-button,
body[data-ai-page="true"] #ai-prototype-root .ai-error-boundary-pre,
body[data-ai-page="true"] #ai-prototype-root .ai-faq-title {
  font-size: var(--ai-font-min) !important;
}