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

body {
  font-family: 'DM Sans', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--text-primary);
  background: var(--bg-base);
}

.font-display   { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 64px; line-height: 1.0; letter-spacing: -0.02em; }
.font-h1        { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 36px; line-height: 1.1; letter-spacing: -0.01em; }
.font-h2        { font-family: 'Barlow Condensed', sans-serif; font-weight: 600; font-size: 24px; line-height: 1.2; }
.font-h3        { font-family: 'DM Sans', sans-serif;          font-weight: 500; font-size: 16px; line-height: 1.4; }
.font-body      { font-family: 'DM Sans', sans-serif;          font-weight: 400; font-size: 14px; line-height: 1.6; }
.font-label     { font-family: 'DM Sans', sans-serif;          font-weight: 500; font-size: 12px; line-height: 1.4; letter-spacing: 0.04em; }
.font-micro     { font-family: 'DM Sans', sans-serif;          font-weight: 500; font-size: 11px; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; }
.font-condensed { font-family: 'Barlow Condensed', sans-serif; }
.font-pct       { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; }