/* ============================================
   PROVITA ANESTESIA — DESIGN TOKENS GLOBAIS
   Única fonte de verdade visual do site.
   Todos os outros arquivos CSS consomem daqui.
   ============================================ */

:root {

  /* ── CORES PRINCIPAIS ── */
  --cor-azul-profundo:  #062B45;   /* primária: títulos, textos fortes, fundos escuros */
  --cor-verde-agua:     #5FB7A8;   /* acento/CTA: botões, ícones, destaques */
  --cor-azul-petroleo:  #164F63;   /* intermediária: degradês, fundos escuros */
  --cor-branco:         #FFFFFF;   /* fundo principal */
  --cor-offwhite:       #F7FAF9;   /* fundo alternativo de seções */
  --cor-cinza-tecnico:  #6C7A80;   /* texto secundário, legendas */

  /* ── CORES SEMÂNTICAS ── */
  --cor-texto:          var(--cor-azul-profundo); /* texto principal — nunca preto puro */
  --cor-texto-suave:    var(--cor-cinza-tecnico);
  --cor-fundo:          var(--cor-branco);
  --cor-fundo-alt:      var(--cor-offwhite);
  --cor-acento:         var(--cor-verde-agua);
  --cor-acento-escuro:  #4a9c8f;   /* verde água ~12% mais escuro — hover de botões */
  --cor-borda:          #E3EAE8;   /* linhas finas sutis */

  /* ── DEGRADÊ DE MARCA ── */
  --gradiente-marca: linear-gradient(135deg, #062B45 0%, #164F63 60%, #5FB7A8 140%);

  /* ── TIPOGRAFIA — FAMÍLIAS ── */
  /* Fontes carregadas no Prompt 3; aqui apenas as variáveis de referência */
  --fonte-titulo: 'Cormorant Garamond', Georgia, serif;
  --fonte-corpo:  'Montserrat', -apple-system, system-ui, sans-serif;

  /* ── TIPOGRAFIA — ESCALA FLUIDA ── */
  --fs-h1:      clamp(2rem, 5vw + 1rem, 4rem);         /* ~32px → ~64px */
  --fs-h2:      clamp(1.625rem, 3vw + 1rem, 2.75rem);  /* ~26px → ~44px */
  --fs-h3:      clamp(1.1875rem, 1vw + 1rem, 1.625rem);/* ~19px → ~26px */
  --fs-body:    clamp(1rem, 0.5vw + 0.9rem, 1.125rem); /* 16px → 18px, mínimo 16px */
  --fs-caption: 0.875rem;                               /* 14px fixo */

  /* ── TIPOGRAFIA — PESOS ── */
  --peso-titulo: 600;
  --peso-medio:  500;
  --peso-corpo:  400;
  --peso-forte:  600; /* H3, botões */

  /* ── ESPAÇAMENTOS ── */
  --esp-xs:  0.5rem;
  --esp-sm:  1rem;
  --esp-md:  1.5rem;
  --esp-lg:  2.5rem;
  --esp-xl:  4rem;
  --esp-2xl: 6rem;
  --secao-padding-y: clamp(3rem, 8vw, 6rem); /* respiro vertical entre seções */

  /* ── LAYOUT ── */
  --largura-max:      1280px;  /* largura útil máxima, conteúdo centralizado */
  --largura-conteudo: 1080px;  /* blocos de texto */
  --gutter: clamp(1.25rem, 5vw, 3rem); /* margem lateral responsiva */

  /* ── BORDAS E RAIOS ── */
  --raio-sm:   8px;
  --raio-md:   14px;
  --raio-lg:   24px;
  --raio-full: 999px;

  /* ── SOMBRAS ── */
  --sombra-suave: 0 4px 20px  rgba(6, 43, 69, 0.06);
  --sombra-media: 0 8px 30px  rgba(6, 43, 69, 0.10);
  --sombra-hover: 0 12px 40px rgba(6, 43, 69, 0.14);

  /* ── TRANSIÇÕES ── */
  --transicao: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /* ── CAMADAS Z-INDEX ── */
  --z-header:   1000;
  --z-overlay:  1100;
  --z-whatsapp:  900;

}