/* Canela — same as new-skincare-advisor-web frontend/src/app/globals.css (widget embed) */
@font-face {
  font-family: "Canela";
  src: url("/assets/fonts/canela/Canela-Light-Web.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Canela";
  src: url("/assets/fonts/canela/Canela-Light-Web.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Canela";
  src: url("/assets/fonts/canela/Canela-Bold-Web.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Let chosen template font apply inside the live preview (Polaris / admin defaults otherwise win). */
.template-live-preview-scope,
.template-live-preview-scope button,
.template-live-preview-scope input,
.template-live-preview-scope textarea {
  font-family: inherit;
}