/* TYPE-1: one size scale + control chrome. Fonts stay SF + existing mono (no CDN). */

/* Default a notch under the old Aa+ (150% / 24px). Aa+ is 172% in vision.css.
   Review at browser zoom 100% with Aa+ off. 138% is the skin, not a zoom. */
html {
  font-size: 138%;
}

:root {
  --text-title: var(--text-h1);
  --text-body: 1rem;
  --text-caption: 0.875rem;
  --text-service: 0.75rem;
  --control-h: var(--touch);
  --control-radius: var(--radius);
  --control-gap: var(--space-sm);
}

.page-auth .page-title,
.page-access .page-title,
.privacy-page .page-title,
.terms-page .page-title,
.donate-page .page-title,
.page-pricing .page-title,
.panel-access h2,
.panel-security h2 {
  font-family: var(--font-display);
  font-size: var(--text-title);
  line-height: var(--leading-tight);
}

.page-auth .page-lead,
.page-access .page-lead,
.privacy-page .page-lead,
.terms-page .page-lead,
.donate-page .page-lead,
.panel-access .dash-soft-lead,
.panel-security .dash-soft-lead,
.referral-landing-card .page-lead {
  font-family: var(--font-sans);
  font-size: var(--text-body);
  line-height: var(--leading-normal);
}

.page-auth .eyebrow,
.page-access .eyebrow,
.privacy-page .eyebrow,
.terms-page .eyebrow,
.donate-section-label,
.form-field > label {
  font-family: var(--font-sans);
  font-size: var(--text-caption);
}

.status-label,
.field-hint,
.auth-code-hint,
.cred-row__hint,
.cred-row__label,
.cred-row__value,
.access-countdown,
.payment-strip__title,
.payment-strip__empty,
.ph-col-id,
.privacy-schema__val,
.auth-local-id,
.innet-tooltip,
.trial-claim-status,
#create-trial-status,
#dash-trial-status,
#create-promo-status {
  font-family: var(--font-mono);
  font-size: var(--text-service);
  letter-spacing: 0.02em;
}

.link-field,
.auth-activate-panel__row,
.cred-row__line {
  gap: var(--control-gap);
}

.page-auth .btn,
.page-access .btn,
.donate-page .btn,
.privacy-page .btn,
.terms-page .btn,
.panel-access .btn,
.panel-security .btn,
.page-auth .link-input,
.page-access .link-input,
.donate-page .link-input,
.panel-access .link-input,
.panel-security .link-input {
  min-height: var(--control-h);
  border-radius: var(--control-radius);
}