:root {
  --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Cascadia Code', 'Consolas', monospace;

  --text-xs:   0.70rem;
  --text-sm:   0.813rem;
  --text-base: 0.938rem;
  --text-md:   1.063rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;

  --weight-normal:   400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
}

html {
  font-family: var(--font-body);
  font-size: 16px;
  color: var(--text);
}

h1 { font-size: var(--text-xl);  font-weight: var(--weight-bold); }
h2 { font-size: var(--text-lg);  font-weight: var(--weight-semibold); }
h3 { font-size: var(--text-md);  font-weight: var(--weight-semibold); }
h4 { font-size: var(--text-base); font-weight: var(--weight-medium); }

.text-xs   { font-size: var(--text-xs); }
.text-sm   { font-size: var(--text-sm); }
.text-base { font-size: var(--text-base); }
.text-lg   { font-size: var(--text-lg); }
.font-mono { font-family: var(--font-mono); }
.font-medium   { font-weight: var(--weight-medium); }
.font-semibold { font-weight: var(--weight-semibold); }
.font-bold     { font-weight: var(--weight-bold); }