/* ============================================================
   WEGEMS STUDIO — reset.css
   Modern CSS reset for consistent cross-browser rendering.
   Includes all @font-face declarations.
   ============================================================ */


/* --- @font-face: BricolageGrotesque --- */

@font-face {
  font-family: 'BricolageGrotesque';
  src: url('../fonts/BricolageGrotesque_24pt-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BricolageGrotesque';
  src: url('../fonts/BricolageGrotesque_24pt-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* --- @font-face: Inter --- */

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}


/* --- Box Sizing Reset --- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* --- Remove Default Margins & Padding --- */
* {
  margin: 0;
  padding: 0;
}

/* --- Document --- */
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

/* --- Body --- */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* --- Media Elements --- */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* --- Form Elements --- */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

/* --- Remove List Styles --- */
ul,
ol {
  list-style: none;
}

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

/* --- Buttons --- */
button {
  background: none;
  border: none;
  cursor: pointer;
}

/* --- Tables --- */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* --- Headings --- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/* --- Remove Textarea Resize --- */
textarea {
  resize: vertical;
}

/* --- Mark Element --- */
mark {
  background: none;
  color: inherit;
}

/* --- Focus Visible --- */
:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* --- Remove Focus for Non-Keyboard --- */
:focus:not(:focus-visible) {
  outline: none;
}