/*
 * Minty Path typography source of truth.
 * Use only the families, weights, sizes, and tracking tokens defined here.
 * Product rules are documented in /TYPOGRAPHY.md.
 */
:root {
  --font-sans: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  --type-xs: 12px;
  --type-sm: 13px;
  --type-base: 14px;
  --type-md: 16px;
  --type-lg: 20px;

  --tracking-display: -0.035em;
  --tracking-heading: -0.025em;
  --tracking-subheading: -0.015em;
  --tracking-label: 0.10em;
}

html {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
}

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

body {
  font-weight: var(--weight-regular);
}

h1,
h2 {
  font-weight: var(--weight-extrabold);
}

h3,
h4,
h5,
h6,
strong,
b {
  font-weight: var(--weight-bold);
}

button,
[role="button"] {
  font-weight: var(--weight-semibold);
}

code,
pre,
kbd,
samp,
.ai-prompt-text,
.ai-result-inputs textarea {
  font-family: var(--font-mono);
}

svg text {
  font-family: var(--font-sans);
}