/**
 * REFINED_MOVEMENT - Typography Styles
 * Google Fonts: Barlow Condensed + Roboto
 */

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;900&family=Roboto+Condensed:wght@400&family=Roboto:wght@300;400;500&display=swap');

/* ========================================
   BASE TYPOGRAPHY
   ======================================== */

body {
  font-family: var(--font-body);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body);
  color: var(--text-primary);
  background-color: var(--bg-primary);
}

/* ========================================
   HEADINGS
   ======================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-display);
  font-weight: var(--font-weight-black);
  line-height: var(--line-height-heading);
  color: var(--text-primary);
  margin-bottom: var(--space-md);
}

h1 {
  font-size: var(--font-size-h1);
  letter-spacing: -0.02em;
}

h2 {
  font-size: var(--font-size-h2);
  letter-spacing: -0.01em;
}

h3 {
  font-size: var(--font-size-h3);
}

h4 {
  font-size: var(--font-size-h4);
}

/* ========================================
   PARAGRAPHS & TEXT
   ======================================== */

p {
  margin-bottom: var(--space-md);
}

.text-large {
  font-size: var(--font-size-body-large);
  line-height: var(--line-height-relaxed);
}

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

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

/* ========================================
   TEXT STYLES
   ======================================== */

.text-primary {
  color: var(--text-primary);
}

.text-secondary {
  color: var(--text-secondary);
}

.text-on-dark {
  color: var(--text-on-dark);
}

.text-gold {
  color: var(--accent-primary);
}

.text-center {
  text-align: center;
}

.text-uppercase {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ========================================
   FONT WEIGHTS
   ======================================== */

.font-light {
  font-weight: var(--font-weight-light);
}

.font-medium {
  font-weight: var(--font-weight-medium);
}

.font-bold {
  font-weight: var(--font-weight-bold);
}

.font-black {
  font-weight: var(--font-weight-black);
}

/* ========================================
   LOCATION TEXT (SOEST)
   ======================================== */

.location-text {
  font-family: var(--font-location);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 0.35em; /* Relative to parent heading */
  display: block;
  margin-top: var(--space-sm);
}