/* =========================
   FONTES
========================= */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;600&family=Commissioner:wght@400;500;600&family=Quicksand:wght@500&display=swap');

/* =========================
   VARIÁVEIS DE IDENTIDADE (FIGMA)
========================= */
:root {
  /* Cores principais */
  --color-primary: #7531A0;   /* Roxo principal */
  --color-secondary: #C864C2; /* Roxo claro / links */
  --color-background: #ffffff;
  --color-light-bg: #ede9ed;  /* fundos suaves (header/footer) */

  /* Texto */
  --text-color-base: #7531A0;
  --text-color-muted: #994DC8;

  /* Fontes */
  --font-heading: 'Comfortaa', sans-serif;
  --font-body: 'Commissioner', sans-serif;
}

/* =========================
   RESET GLOBAL
========================= */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
}


/* =========================
   BASE DO DOCUMENTO
========================= */
body {
  font-family: var(--font-body);
  background-color: var(--color-background);
  color: var(--text-color-base);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* =========================
   TIPOGRAFIA BASE
========================= */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--color-primary);
  font-weight: 600;
  line-height: 1.3;
}

p {
  font-family: var(--font-body);
  font-weight: 400;
  color: var(--text-color-base);
}

/* =========================
   LINKS E ELEMENTOS INLINE
========================= */
a {
  text-decoration: none;
  color: var(--color-secondary);
  transition: opacity 0.3s ease;
}

a:hover {
  opacity: 0.7;
}

mark {
  background: none;
  color: var(--color-primary);
  font-weight: 600;
}

/* =========================
   LISTAS
========================= */
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}