/* ===== RESET MINIMAL ===== */
* {
  box-sizing: border-box;
}

/* ===== BASE TYPOGRAPHY ONLY ===== */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.6;
  color: #333;
}

/* ===== HEADING SCALE - RESPONSIVE ===== */
/* Mobile First */
h1 { font-size: 1.75rem; font-weight: 700; }
h2 { font-size: 1.5rem; font-weight: 600; }
h3 { font-size: 1.25rem; font-weight: 600; }
h4 { font-size: 1.125rem; font-weight: 600; }
h5 { font-size: 1rem; font-weight: 600; }
h6 { font-size: 0.875rem; font-weight: 600; }

/* Tablet */
@media (min-width: 768px) {
  h1 { font-size: 2.25rem; }
  h2 { font-size: 1.75rem; }
  h3 { font-size: 1.5rem; }
  h4 { font-size: 1.25rem; }
}

/* Desktop */
@media (min-width: 1024px) {
  h1 { font-size: 2.5rem; }
  h2 { font-size: 2rem; }
  h3 { font-size: 1.625rem; }
}

/* ===== BODY TEXT VARIATIONS ===== */
.text-xs { font-size: 0.75rem; }    /* 12px */
.text-sm { font-size: 0.875rem; }   /* 14px */
.text-base { font-size: 1rem; }     /* 16px */
.text-lg { font-size: 1.125rem; }   /* 18px */
.text-xl { font-size: 1.25rem; }    /* 20px */
.text-2xl { font-size: 1.5rem; }    /* 24px */
.text-3xl { font-size: 1.875rem; }  /* 30px */

/* ===== FONT WEIGHTS ===== */
.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }

/* ===== RESPONSIVE TEXT UTILITIES ===== */
/* Text Size - Responsive */
.text-sm-mobile { font-size: 0.875rem; }
@media (min-width: 768px) {
  .text-sm-mobile { font-size: 1rem; }
}

/* Alignment - Responsive */
.text-center-mobile { text-align: center; }
@media (min-width: 768px) {
  .text-center-mobile { text-align: left; }
}