/* =====================================================================
   Base do site Surfitness: cores, fontes e reset.
   Azul oceano profundo, ciano das ondas e branco. Plus Jakarta Sans
   nos títulos e Inter no texto. Cores em oklch, iguais às da versão
   original feita no Lovable (o layout foi mantido idêntico).
   ===================================================================== */

:root {
  --fundo: oklch(1 0 0);
  --texto: oklch(0.23 0.055 249);
  --cartao: oklch(1 0 0);
  --primaria: oklch(0.31 0.105 249);          /* azul marinho */
  --primaria-texto: oklch(1 0 0);
  --oceano: oklch(0.23 0.055 249);            /* azul profundo dos blocos escuros */
  --oceano-texto: oklch(1 0 0);
  --suave: oklch(0.97 0.013 249);             /* fundo azul bem claro */
  --suave-texto: oklch(0.48 0.05 250);
  --ciano: oklch(0.75 0.148 233);             /* destaque */
  --ciano-texto: oklch(0.23 0.055 249);
  --linha: oklch(0.93 0.025 249);
  --branco: #fff;
  --whatsapp: #25d366;
  --whatsapp-forte: #1eb85a;

  --fonte-texto: "Inter", sans-serif;
  --fonte-titulo: "Plus Jakarta Sans", sans-serif;
  --curva: cubic-bezier(0.4, 0, 0.2, 1);
  --largura: 80rem;
}

/* ---------- Reset ---------- */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
  border-color: var(--linha);
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: var(--fonte-texto);
  -webkit-tap-highlight-color: transparent;
}

body {
  background-color: var(--fundo);
  color: var(--texto);
  font-family: var(--fonte-texto);
  letter-spacing: -0.01em;
  scroll-behavior: smooth;
}

h1, h2, h3 {
  font-size: inherit;
  font-weight: inherit;
  font-family: var(--fonte-titulo);
  letter-spacing: -0.02em;
}

a { color: inherit; text-decoration: inherit; }
img, svg, iframe { display: block; vertical-align: middle; }
img { max-width: 100%; height: auto; }

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}