/* Tokens v2 — Tainá Carvalho, nutricionista esportiva
   Cores do logo (roxo do quadrado, verde-água do nome), usadas sólidas, sem tons lavados. */
:root {
  /* marca */
  --roxo: #663C8E;
  --roxo-profundo: #3B1F5C;   /* títulos e áreas escuras */
  --roxo-vivo: #8350B8;       /* ponta do degradê */
  --agua: #339A8B;
  --agua-vivo: #3FBFA9;       /* destaque sobre o roxo */
  --agua-forte: #227467;      /* texto branco por cima com contraste AA */

  /* neutros */
  --branco: #FFFFFF;
  --gelo: #F7F7FA;            /* seções alternadas, quase branco */
  --linha: #E7E5EE;
  --texto: #4E4860;
  --texto-claro: rgba(255, 255, 255, .82);

  /* degradês */
  --grad-agua: linear-gradient(135deg, var(--agua-vivo), var(--agua-forte));
  --grad-roxo: linear-gradient(135deg, var(--roxo-vivo), var(--roxo-profundo));

  /* tipo */
  --fonte: "Urbanist", system-ui, sans-serif;
  --t-mega: clamp(2.7rem, 5.6vw, 4.6rem);
  --t-1: clamp(2.1rem, 3.8vw, 3.2rem);
  --t-2: clamp(1.4rem, 2.2vw, 1.8rem);
  --t-3: 1.25rem;
  --t-corpo: 1.0625rem;
  --t-peq: 0.875rem;

  /* forma */
  --r-grande: 36px;
  --r-card: 24px;
  --r-peq: 14px;
  --sombra: 0 24px 60px -28px rgba(59, 31, 92, .38);
  --sombra-agua: 0 14px 30px -12px rgba(34, 116, 103, .65);

  /* ritmo */
  --gutter: clamp(16px, 4vw, 40px);
  --max: 1200px;
  --secao: clamp(80px, 10vw, 136px);
}