/* Shared type system. Keep component dimensions and mobile input sizes in style.css. */
@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-latin-variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('/fonts/manrope-latin-variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --font-body: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-heading: 'Manrope', var(--font-body);
  font-family: var(--font-body);
  font-kerning: normal;
}

body, button, input, select, textarea {
  font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 650;
  letter-spacing: -.025em;
}

h1, .explorer-header h1, #auth-panel .welcome-copy h1 {
  font-weight: 650;
  letter-spacing: -.04em;
}

.chart-title h3, .saved-nine-heading h3, .saved-totals h3,
.welcome-workflow h3, .compare-metric h4 {
  font-weight: 650;
  letter-spacing: -.02em;
}

.brand {
  font-family: var(--font-heading);
}

/* The fixed-size logo is drawn with its original glyphs. */
.brand-mark, .brand-mark > span {
  font-family: Arial, Helvetica, sans-serif;
}

button, .button, .welcome-nav-signin {
  font-weight: 550;
}

.eyebrow, .menu-caption {
  font-weight: 600;
  letter-spacing: .12em;
}

.metric-label, .chart-subtitle, .chart-control label,
.explorer-controls label, .controls label, .filter,
.mobile-hole-fields label, .live-hole-title span {
  font-weight: 500;
}

.latest-round-card .latest-round-title,
.leaderboard-name strong, .leaderboard-profile-link,
.compare-player strong, .person-card strong {
  font-family: var(--font-heading);
  font-weight: 650;
  letter-spacing: -.015em;
}

.metric-value, .chart-stat, .recent-form-card > strong,
.latest-round-result strong, .latest-round-result > span,
.explorer-summary strong, .explorer-number,
.leaderboard-value strong, .compare-values strong,
.hole-metrics strong, .live-hole-title strong,
.round-gross strong, .round-over strong, .round-support b, .golf-score,
.welcome-example-metrics dd, .welcome-sample-bar strong {
  font-family: var(--font-body);
  font-variant-numeric: lining-nums tabular-nums;
  font-weight: 600;
  letter-spacing: -.035em;
}

/* Units stay quieter than the statistic they describe. */
.metric-value small, .chart-stat small, .latest-round-result strong small,
.round-gross strong small {
  font-weight: 400;
  letter-spacing: 0;
}

table, .chart-canvas text, .welcome-preview-chart text,
.compare-spark text, #explorer-tooltip, input[type='number'] {
  font-family: var(--font-body);
  font-variant-numeric: lining-nums tabular-nums;
}

th {
  font-weight: 600;
}

.chart-canvas text, .welcome-preview-chart text {
  font-weight: 450;
}