@layer base {
  @font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

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

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

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html, body {
    margin: 0;
    padding: 0;
  }

  body {
    font-family: var(--fonte);
    font-size: var(--texto-base);
    color: var(--ink);
    background: var(--light);
    line-height: 1.5;
  }

  h1, h2, h3, h4 {
    margin: 0 0 var(--esp-3) 0;
    font-weight: 600;
    color: var(--navy);
  }

  h1 { font-size: var(--texto-xl); }
  h2 { font-size: var(--texto-lg); }
  h3 { font-size: var(--texto-base); font-weight: 500; }

  p {
    margin: 0 0 var(--esp-3) 0;
  }

  a {
    color: var(--navy);
    text-decoration: none;
  }

  a:hover {
    text-decoration: underline;
  }

  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
}