/* ==============================================
   Typography
   ============================================== */

/* Add to your <head> alongside your existing Barlow import */
/* https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@300;400;500;600;700&family=Barlow:wght@300;400;500&display=swap */

body,
body.et_pb_pagebuilder_layout {
  font-family: 'Barlow', sans-serif !important;
  font-size: 15px;
  color: var(--text);
  line-height: 1.55;
  background-color: var(--bg);
}

/* Big display headings → Bebas Neue (matches hero, section titles) */
h1, h2,
.et_pb_module_header {
  font-family: 'Bebas Neue', sans-serif !important;
  font-weight: 400; /* Bebas Neue has no weight variants — 400 is correct */
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--white);
}

/* Smaller headings & UI labels → Barlow Condensed (matches nav, section labels, card text) */
h3, h4, h5, h6,
.et_pb_all_tabs .et_pb_tab a {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--white);
}