@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
  font-family: var(--font-sans);
  font-size: var(--font-size-base);
  color: var(--text-primary);
  background: var(--bg-page);
  font-feature-settings: 'cv11', 'ss01';
}

h1 { font-size: var(--font-size-xl); font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; }
h2 { font-size: var(--font-size-lg); font-weight: 700; letter-spacing: -0.01em; line-height: 1.25; }
h3 { font-size: var(--font-size-md); font-weight: 600; line-height: 1.3; }

.label-uppercase {
  font-size: var(--font-size-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
}

.text-secondary { color: var(--text-secondary); }
.text-muted { color: var(--text-muted); }
.text-success { color: var(--success); }
.text-warning { color: var(--warning); }
.text-danger { color: var(--danger); }
.tabular { font-variant-numeric: tabular-nums; }