@font-face {
  font-family: "DM Sans";
  src: url("../assets/fonts/dm-sans-300.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("../assets/fonts/dm-sans-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("../assets/fonts/dm-sans-500.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("../assets/fonts/dm-sans-600.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("../assets/fonts/dm-sans-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "The Seasons";
  src: url("../assets/fonts/the-seasons-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

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

:root {
  color-scheme: light;
  --color-gray-main: #394f5a;
  --color-gray-main-84: #596b74;
  --color-gray-2: #56606a;
  --color-ink: #283b44;
  --color-ice: #f6f8f7;
  --color-white: #ffffff;
  --color-nude-main: #bfa086;
  --color-nude-4: #e3dbd3;
  --color-quiz-nude: #e0dbd6;
  --color-pink-main: #c96b92;
  --color-pink-2: #e54a97;
  --color-egg-cta: #e46a94;
  --color-whatsapp-cta: #e46a94;
  --color-pink-4: #f7c1b9;
  --color-pink-5: #e8dada;
  --color-focus: #9f3768;
  --color-accent-text: #9f3768;
  --color-pink-strong: #c23778;
  --color-pink-dark: #7d274e;
  --color-on-dark-muted: #d9e0e3;
  --color-surface-neutral: #f0f1f1;
  --color-surface-rose: #f9f2ef;
  --color-surface-rose-soft: #fff1f4;
  --color-surface-dark: #382f2f;
  --color-nude-heading: #a68f7b;
  --color-nude-heading-strong: #9b8673;
  --color-hero-nude: #baa793;

  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "The Seasons", Georgia, serif;
  --font-accent: "Gantari", var(--font-body);

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: clamp(1.25rem, 1.05rem + 0.8vw, 1.75rem);
  --text-2xl: clamp(1.75rem, 1.25rem + 1.75vw, 3.25rem);
  --text-3xl: clamp(2.25rem, 1.5rem + 2.65vw, 4.5rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-section: clamp(4rem, 8vw, 8rem);

  /* Prancheta aprovada: 1920 px. Guide principal: ~375 px de cada lado. */
  --artboard-width: 120rem;
  --container-width: 74rem;
  --container-wide: 88.125rem;
  --content-width: 64rem;
  --radius-sm: 0.5rem;
  --radius-pill: 999px;
  --border-subtle: 1px solid color-mix(in srgb, var(--color-gray-main) 15%, transparent);
  --transition: 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
}