@font-face {
  font-family: "SVN-Gilroy";
  src: url("/fonts/svn-gilroy/SVN-Gilroy-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SVN-Gilroy";
  src: url("/fonts/svn-gilroy/SVN-Gilroy-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SVN-Gilroy";
  src: url("/fonts/svn-gilroy/SVN-Gilroy-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SVN-Gilroy";
  src: url("/fonts/svn-gilroy/SVN-Gilroy-Heavy.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --cp-font-body: "SVN-Gilroy", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --cp-font-menu: "SVN-Gilroy", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --cp-font-heading: "SVN-Gilroy", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --cp-font-title: "SVN-Gilroy", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Body (Medium) */
:where(html, body) {
  font-family: var(--cp-font-body);
  font-weight: 500;
}

/* Inputs inherit cleanly (core reset already sets font-family: inherit) :contentReference[oaicite:2]{index=2} */
:where(button, input, select, textarea) {
  font-family: inherit;
}

/* Headings: H1 = Heavy, H2–H6 = Bold (override DM Serif Display everywhere) :contentReference[oaicite:3]{index=3} */
h1 { font-family: var(--cp-font-title) !important; font-weight: 800 !important; }
h2, h3, h4, h5, h6 { font-family: var(--cp-font-heading) !important; font-weight: 700 !important; }

/* UI / Menu: Semibold */
:where(header a, header button, nav a, nav button, .primary-button, .secondary-button) {
  font-family: var(--cp-font-menu) !important;
  font-weight: 600;
}

/* Safety: icon font must remain bagisto-shop (core defines it for icons) :contentReference[oaicite:4]{index=4} */
[class^="icon-"],
[class*=" icon-"] {
  font-family: "bagisto-shop" !important;
  font-weight: normal !important;
}
:where(body) {
  font-family: var(--cp-font-body);
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:where(body *) {
  font-family: inherit;
}

:where(code, kbd, samp, pre) {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  font-weight: 400 !important;
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: "bagisto-shop" !important;
  font-weight: normal !important;
}