/* ============================================================
   QASHO PHARMACEUTICALS — Base Styles
   base.css — Typography, body, global element styles
   ============================================================ */

/* ── BODY ── */
body {
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.65;
  color: var(--color-text-primary);
  background-color: var(--color-bg);
}

/* ── HEADINGS ── */
h1, h2 {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--color-text-primary);
}

h3, h4 {
  font-family: var(--font-display);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--color-text-primary);
}

h5, h6 {
  font-family: var(--font-body);
  font-weight: 600;
  line-height: 1.35;
}

/* ── HEADING SIZES ── */
h1 { font-size: clamp(2.25rem, 5vw, var(--text-7xl)); }
h2 { font-size: clamp(1.875rem, 4vw, var(--text-5xl)); }
h3 { font-size: clamp(1.5rem, 3vw, var(--text-4xl)); }
h4 { font-size: clamp(1.25rem, 2.5vw, var(--text-3xl)); }
h5 { font-size: var(--text-xl); }
h6 { font-size: var(--text-lg); }

/* ── PARAGRAPHS ── */
p {
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: 1.75;
  color: var(--color-text-secondary);
}

/* ── LINKS ── */
a {
  color: var(--color-primary-600);
  transition: color var(--transition-fast);
}
a:hover {
  color: var(--color-accent-500);
}

/* ── STRONG & EM ── */
strong { font-weight: 700; }
em { font-style: italic; }

/* ── MONO TEXT ── */
.mono,
.stat-number,
[data-counter],
.phone-number {
  font-family: var(--font-mono);
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* ── LABEL / EYEBROW TEXT ── */
.label {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-text-muted);
}

/* ── DISPLAY ITALIC ── */
.display-italic {
  font-family: var(--font-display);
  font-style: italic;
  color: var(--color-accent-500);
}

/* ── SECTION BASE ── */
section {
  position: relative;
  overflow: hidden;
}

/* ── HR ── */
hr {
  border: none;
  height: 1px;
  background: var(--color-border);
}

/* ── BLOCKQUOTE ── */
blockquote {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-style: italic;
  line-height: 1.4;
  color: var(--color-primary-800);
  border-left: 4px solid var(--color-accent-500);
  padding-left: var(--space-6);
}

/* ── SMALL ── */
small {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

/* ── IMAGES ── */
img {
  border-radius: var(--radius-md);
}

/* ── IFRAME ── */
iframe {
  border: none;
}

/* ── ADDRESS ── */
address {
  font-style: normal;
}

/* ── SECTION DIVIDER ── */
.section-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--color-accent-500), transparent);
  opacity: 0.4;
}