/* ==========================================================================
   SUL PISCINAS — Design tokens
   Paleta extraída dos pixels do logo oficial (LOGO_COM_SLOGAN-01.png):
   azul dominante (31.263 px) + magenta de acento (4.895 px).
   Contraste auditado par a par — ver DESIGN.md.
   Briefing §27: azul-claro + branco + neutros. PROIBIDO o azul-escuro
   genérico de "site de piscina" com ondas em toda seção.
   ========================================================================== */

:root {
  /* --- Color --- */
  --ink: #14202E;            /* 16.46:1 sobre branco */
  --ink-soft: #41536B;       /* 7.85:1  sobre branco */
  --sky: #6C9CCC;            /* azul claro do logo — só decorativo/fundo escuro */
  --sky-pale: #B9D4EA;       /* 9.39:1 sobre azul-900 */
  --tide: #2A4C8C;           /* 8.36:1 — cor de ação principal */
  --tide-deep: #1B3A6B;      /* 11.27:1 — hover */
  --navy: #12294F;           /* 14.43:1 — fundos escuros */
  --linen: #F2F6FB;          /* azul-050 */
  --paper: #FBFAF7;          /* areia */
  --sand: #E6EEF7;
  --sand-soft: #EDF4FA;
  --ember: #903C84;          /* magenta do logo — 6.63:1, acento */
  --ember-deep: #6E2A66;     /* 9.61:1 */
  --leaf: #25D366;           /* WhatsApp oficial */
  --line: rgba(20, 32, 46, 0.13);

  /* --- Shadow (azulada, nunca cinza puro) --- */
  --shadow-sm: 0 1px 3px rgba(18, 41, 79, 0.08);
  --shadow-md: 0 6px 24px -6px rgba(18, 41, 79, 0.12);
  --shadow-lg: 0 18px 48px -12px rgba(18, 41, 79, 0.16);

  /* --- Type --- */
  --font-serif: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-sans: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;

  --text-display: clamp(2.4rem, 2.4vw + 1.8rem, 3.7rem);
  --text-h2: clamp(1.85rem, 1.6vw + 1.4rem, 2.6rem);
  --text-h3: clamp(1.22rem, 0.5vw + 1.08rem, 1.42rem);
  --text-lead: 1.185rem;
  --text-body: 1rem;
  --text-small: 0.89rem;
  --text-eyebrow: 0.82rem;

  --leading-body: 1.7;
  --leading-tight: 1.15;

  /* --- Space (4px grid) --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5rem;
  --space-11: 6rem;
  --space-12: 8rem;

  --section-pad: clamp(4.5rem, 8vw, 7.5rem);
  --container: 72.5rem;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  /* --- Shape --- */
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --radius-arch: 999px 999px 24px 24px;

  /* --- Motion --- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-reveal: 400ms;
  --dur-ui: 200ms;

  /* --- Focus --- */
  --focus-ring: 3px solid var(--tide);
  --focus-ring-dark: 3px solid var(--sky-pale);

  /* --- Barra de WhatsApp fixa (§29) --- */
  --zap-size: 60px;
}