/* Shared typography pass: one square UI voice across all pages and modals. */
:root {
  --font: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono: var(--font);
}

html,
body,
button,
input,
select,
textarea,
.app-shell,
.topbar,
.bottom-nav,
.modal-shell,
.wallet-modal {
  font-family: var(--font) !important;
}

h1,
h2,
h3,
.brand strong,
.brand small,
.top-nav a,
.bottom-nav a,
.primary-button,
.ghost-button,
.claim-button,
.mode-pill,
.soft-badge,
.status-dot,
.eyebrow,
.page-head p,
.dashboard-start p,
.access-note,
.flow-step span,
.flow-step strong,
.account-strip span,
.account-strip strong,
.route-summary-grid article strong,
.route-summary-grid article span,
.connector-card,
.token-row,
.strategy-card,
.timeframe,
.coin-dropdown-trigger,
.performance-strip,
.trade-tab-panel,
.access-modal,
.wallet-modal,
.wallet-modal * {
  font-family: var(--font) !important;
}

h1,
h2,
h3,
.page-head h1,
.page-head h2,
.dashboard-start h2,
.dashboard-strategy-panel h2,
.connector-panel h2,
.token-panel h2,
.access-modal h2,
.route-summary h2,
.route-summary-grid strong,
.route-brief-grid strong,
.metric-card strong,
.intel-coin strong,
.intel-price strong,
.intel-flow strong,
.intel-periods strong,
.market-status-strip strong,
.transaction-prep-card strong,
.portfolio-alert strong {
  letter-spacing: 0 !important;
  font-weight: 900 !important;
}

.brand-mark,
.icon-fallback,
.generated-icon,
.connector-icon,
.wallet-button__icon span,
.all-wallet-item__icon span {
  letter-spacing: 0 !important;
}

.brand small,
.eyebrow,
.mode-pill,
.soft-badge,
.status-dot,
.flow-step span,
.account-strip span,
.route-summary-grid article::before,
.modal-flow span,
.performance-strip span,
.trial-only-note {
  letter-spacing: 0.14em !important;
  font-weight: 900 !important;
}

.top-nav a,
.bottom-nav strong,
.primary-button,
.ghost-button,
.claim-button,
.connector-card button,
.strategy-card,
.timeframe,
.wallet-button__name,
.all-wallet-item__name {
  letter-spacing: 0.01em !important;
  font-weight: 850 !important;
}

.market-price strong,
.modal-price strong,
.account-strip strong,
.performance-strip strong,
.coin-option-market strong,
.token-value strong,
.portfolio-summary strong,
.dashboard-strategy-panel .route-brief-grid strong {
  font-family: var(--font) !important;
  letter-spacing: 0.02em !important;
  font-weight: 900 !important;
}

.coin-option-market small,
.token-value span,
.activity-row time,
.wallet-status-tag,
.all-wallet-item__status {
  font-family: var(--font) !important;
  letter-spacing: 0.04em !important;
  font-weight: 850 !important;
}

@media (max-width: 720px) {
  .brand small,
  .eyebrow,
  .mode-pill,
  .soft-badge,
  .status-dot,
  .trial-only-note {
    letter-spacing: 0.1em !important;
  }
}