/* Global Typography Scale */
:root {
  --font-size-xs: 0.875rem;    /* 14px */
  --font-size-sm: 1rem;        /* 16px */
  --font-size-base: 1.125rem;  /* 18px */
  --font-size-lg: 1.25rem;     /* 20px */
  --font-size-xl: 1.5rem;      /* 24px */
  --font-size-2xl: 1.875rem;   /* 30px */
  --font-size-3xl: 2.25rem;    /* 36px */
  --font-size-4xl: 3rem;       /* 48px */
}

/* Base Text Styles */
body {
  font-size: var(--font-size-base);
  line-height: 1.6;
}

/* Paragraph Text */
p {
  font-size: var(--font-size-base);
  margin-bottom: 1.5rem;
  line-height: 1.8;
}

/* Heading Styles */
h1, .h1 {
  font-size: var(--font-size-4xl);
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

h2, .h2 {
  font-size: var(--font-size-3xl);
  line-height: 1.3;
  margin-bottom: 1.25rem;
}

h3, .h3 {
  font-size: var(--font-size-2xl);
  line-height: 1.4;
  margin-bottom: 1rem;
}

h4, .h4 {
  font-size: var(--font-size-xl);
  line-height: 1.5;
  margin-bottom: 1rem;
}

/* Navigation Text */
.nav-link, .menu-text {
  font-size: var(--font-size-base);
}

/* Button Text */
.btn, button {
  font-size: var(--font-size-base);
}

/* Card Content */
.card-title {
  font-size: var(--font-size-xl);
}

.card-text {
  font-size: var(--font-size-base);
}

/* List Items */
li {
  font-size: var(--font-size-base);
}

/* Table Text */
table {
  font-size: var(--font-size-base);
}

/* Form Elements */
input, select, textarea {
  font-size: var(--font-size-base);
}

label {
  font-size: var(--font-size-base);
}

/* Mobile Responsive Typography */
@media (max-width: 768px) {
  :root {
    --font-size-base: 1rem;      /* 16px */
    --font-size-lg: 1.125rem;    /* 18px */
    --font-size-xl: 1.25rem;     /* 20px */
    --font-size-2xl: 1.5rem;     /* 24px */
    --font-size-3xl: 1.875rem;   /* 30px */
    --font-size-4xl: 2.25rem;    /* 36px */
  }
}

/* Special Text Elements */
.lead {
  font-size: var(--font-size-lg);
  line-height: 1.6;
}

.small-text {
  font-size: var(--font-size-sm);
}

/* Product Text */
.product-title {
  font-size: var(--font-size-xl);
}

.product-description {
  font-size: var(--font-size-base);
}

.product-price {
  font-size: var(--font-size-lg);
}

/* Cart Text */
.cart-item-title {
  font-size: var(--font-size-lg);
}

.cart-item-price {
  font-size: var(--font-size-base);
}

/* Footer Text */
.footer-title {
  font-size: var(--font-size-lg);
}

.footer-text {
  font-size: var(--font-size-base);
}

/* Alert Messages */
.alert {
  font-size: var(--font-size-base);
}

/* Badge Text */
.badge {
  font-size: var(--font-size-sm);
}