/* ─────────────────────────────────────────────────────────
   HWG · BASE (v2)
   Apenas DM Sans · reset · padrões tipográficos
   ───────────────────────────────────────────────────────── */

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/DMSans-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/DMSans-Italic.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/DMSans-Medium.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/DMSans-SemiBold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/DMSans-Bold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/DMSans-Black.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "DM Serif Text";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/DMSerifText-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "DM Serif Text";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/DMSerifText-Italic.ttf") format("truetype");
  font-display: swap;
}

/* RESET */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

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

body {
  font-family: var(--ff-sans);
  font-size: var(--t-body);
  font-weight: 400;
  line-height: var(--lh-body);
  color: var(--hwg-ink);
  background: var(--hwg-canvas);
  overflow-x: hidden;
  font-feature-settings: "ss01", "kern";
  letter-spacing: var(--tr-snug);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--ff-sans);
  font-weight: 700;
  line-height: var(--lh-tight);
  letter-spacing: var(--tr-tight);
  text-wrap: balance;
}

p { text-wrap: pretty; }
a { color: inherit; text-decoration: none; }
img, svg, video { display: block; max-width: 100%; height: auto; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
ul, ol { list-style: none; }

::selection {
  background: var(--hwg-ink);
  color: var(--hwg-canvas);
}

/* PADRÕES TIPOGRÁFICOS */

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.75ch;
  font-size: var(--t-eyebrow);
  font-weight: 500;
  letter-spacing: var(--tr-eyebrow);
  text-transform: uppercase;
  color: currentColor;
}
.eyebrow::before {
  content: "";
  width: 28px;
  height: 2px;
  background: var(--hwg-amber);
}

.lede {
  font-size: var(--t-lede);
  line-height: var(--lh-snug);
  font-weight: 400;
  letter-spacing: var(--tr-snug);
  max-width: 36ch;
}

/* HELPERS */
.amber { color: var(--hwg-amber); }
.forest { color: var(--hwg-forest); }