/*
  Apple Liquid UI — typography.css
  SF Pro–style font stack and type scale. Use these classes instead of
  inventing new font-size values.
*/

:root {
  --font-display: -apple-system, "SF Pro Display", "SF Pro Text",
    "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-text: -apple-system, "SF Pro Text", "Inter", "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo,
    Consolas, monospace;
}

body {
  font-family: var(--font-text);
  color: var(--label-primary);
  background: var(--system-background);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.text-large-title {
  font-family: var(--font-display);
  font-size: 34px;
  line-height: 41px;
  font-weight: 700;
  letter-spacing: 0.37px;
}

.text-title-1 {
  font-family: var(--font-display);
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  letter-spacing: 0.36px;
}

.text-title-2 {
  font-family: var(--font-display);
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: 0.35px;
}

.text-title-3 {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  letter-spacing: 0.38px;
}

.text-headline {
  font-family: var(--font-text);
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: -0.41px;
}

.text-body {
  font-family: var(--font-text);
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: -0.41px;
}

.text-callout {
  font-family: var(--font-text);
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
  letter-spacing: -0.32px;
}

.text-subheadline {
  font-family: var(--font-text);
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.24px;
}

.text-footnote {
  font-family: var(--font-text);
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: -0.08px;
  color: var(--label-secondary);
}

.text-caption-1 {
  font-family: var(--font-text);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0;
  color: var(--label-secondary);
}

.text-caption-2 {
  font-family: var(--font-text);
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
  letter-spacing: 0.06px;
  color: var(--label-secondary);
}

.text-secondary { color: var(--label-secondary); }
.text-tertiary  { color: var(--label-tertiary); }
.text-accent    { color: var(--accent); }

/* Sentence case enforcement helper — use on buttons/labels */
.text-ui {
  text-transform: none;
}