/* Shift Facelift Maio/26 — global styles */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap');

/* ── Design tokens ─────────────────────────────────────── */
:root {
  --color-verde-nobre:   #033936;
  --color-verde-claro:   #e8f4f3;
  --color-amarelo-vivo:  #f6a71c;
  --color-branco:        #ffffff;
  --color-cinza-100:     #f0f2f5;
  --color-cinza-texto:   #333333;

  --font-heading: 'Raleway', sans-serif;
  --font-body:    Arial, Helvetica, sans-serif;

  --space-2:  8px;
  --space-4:  16px;
  --space-6:  24px;
  --space-8:  32px;
  --space-12: 48px;
  --space-16: 64px;

  --container-max: 1104px;
  --page-width:    1440px;
}

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

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-size: 16px;
  color: var(--color-cinza-texto);
  background: var(--color-branco);
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--space-4);
}