/* The Lab typography system
   Body: Inter with Anuphan for Thai
   Display: Plus Jakarta Sans with Anuphan for Thai
   Data: JetBrains Mono */
:root {
  --font-body: 'Inter', 'Anuphan', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Plus Jakarta Sans', 'Anuphan', 'Inter', system-ui, sans-serif;
  --font-thai: 'Anuphan', 'Inter', system-ui, sans-serif;
  --font-thai-display: 'Anuphan', 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Anuphan', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

html {
  font-family: var(--font-body);
  font-optical-sizing: auto;
  font-synthesis-weight: none;
  text-rendering: optimizeLegibility;
}

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

button,
input,
select,
textarea,
optgroup {
  font: inherit;
}

code,
kbd,
pre,
samp,
.font-mono {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums slashed-zero;
}

.font-display {
  font-family: var(--font-display);
  font-variant-numeric: tabular-nums;
}

.font-thai-display {
  font-family: var(--font-thai-display);
}

/* Stable-width figures keep prices, percentages, dates, ratings and live KPI
   updates from visually shifting. Body-copy numerals remain proportional. */
.font-numeric,
input[type='number'],
input[inputmode='numeric'],
time {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums slashed-zero;
}

.numeric-display {
  font-family: var(--font-display);
  font-variant-numeric: tabular-nums;
}