/* ══════════════════════════════════════════════════
   EVENTOLOGY DESIGN SYSTEM · TYPOGRAPHY
   Self-hosted font faces, root sizing, and base reset.
   Depends on tokens.css (loaded first).
   ══════════════════════════════════════════════════ */

@font-face{
  font-family:'Big Shoulders Display';
  src:url('../assets/fonts/big-shoulders-display-var.woff2') format('woff2-variations');
  font-weight:300 900;
  font-display:swap;
}
@font-face{
  font-family:'DM Sans';
  src:url('../assets/fonts/dm-sans-var.woff2') format('woff2-variations');
  font-weight:300 700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'DM Sans';
  src:url('../assets/fonts/dm-sans-italic-var.woff2') format('woff2-variations');
  font-weight:300 400;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:'Manrope';
  src:url('../assets/fonts/manrope-var.woff2') format('woff2-variations');
  font-weight:300 700;
  font-display:swap;
}

*{box-sizing:border-box;margin:0;padding:0}
img{max-width:100%;height:auto}

/* ── ROOT: 62.5% = 1rem → 10px ── */
html{font-size:62.5%}
body{background:var(--c0);color:var(--txt);font-family:var(--fb);font-size:1.5rem;line-height:1.6;overflow-x:hidden}