/*
 * V1 self-hosted typography test.
 *
 * Newsreader: official Production Type variable WOFF2, limited to the
 * weights/styles used by V1. Inter: official rsms v4.1 variable WOFF2.
 * Both families include Vietnamese glyphs and real italic outlines.
 */
@font-face {
  font-family: "Newsreader";
  src: url("../fonts/newsreader/newsreader-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

@font-face {
  font-family: "Newsreader";
  src: url("../fonts/newsreader/newsreader-variable-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/inter-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/inter-variable-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

/* Homepage V1 design tokens. Scope prevents changes to legacy Elementor pages. */
.libs-v1 {
  --wine: #510d00;
  --wine-deep: #2e0903;
  --white: #ffffff;
  --grey: #afafaf;
  --dark: #2b2b2b;
  --accent: #a3541b;
  --paper: #f4f0e9;
  --paper-deep: #e8dfd3;
  --line: rgba(43, 43, 43, 0.2);
  --serif: "Newsreader", Georgia, serif;
  --sans: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --shell: min(100% - 64px, 1280px);
  --section-space: clamp(96px, 11vw, 168px);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}