/* base.css — minimal (Tailwind handles styling) */

/* FONTS */
@font-face {
  font-family: "titleFont";
  src: url(../fonts/HEADING\ _\ Saira-Medium.ttf);
  font-display: swap;
}
@font-face {
  font-family: "bodyText";
  src: url(../fonts/MAIN\ BODY\ _\ TitilliumWeb-Light.ttf);
  font-display: swap;
}

/* BASIC RESET */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  /* Let Tailwind control colors + typography, but keep a sane default font */
  font-family: "bodyText", system-ui, -apple-system, Segoe UI, Roboto, Arial,
    sans-serif;
  overflow-y: auto; /* IMPORTANT: do not block scroll */
}

/* MEDIA DEFAULTS */
img,
svg,
video,
canvas {
  display: block;
  max-width: 100%;
  height: auto;
}

/* LINKS */
a {
  color: inherit;
  text-decoration: none;
}

/* FORM ELEMENTS (minimal sanity) */
button,
input,
textarea,
select {
  font: inherit;
  color: inherit;
}