/* Caminho: public_html/assets/css/tokens.css */
/* Outlet da Limpeza RP - Tokens de design (ponto único de verdade visual) */

:root {
  /* Cores da marca */
  --cor-marinho: #0B2A72;
  --cor-marinho-profundo: #06163f;
  --cor-marinho-noite: #040d27;
  --cor-azul-eletrico: #0B6EE8;
  --cor-azul-claro: #55C9F3;
  --cor-vermelho: #E62B23;
  --cor-branco: #FFFFFF;
  --cor-cinza-gelo: #F4F8FD;
  --cor-whatsapp: #25D366;
  --cor-whatsapp-escuro: #1DA851;

  /* Texto sobre fundo escuro */
  --texto-claro: #F2F7FF;
  --texto-claro-suave: rgba(228, 240, 255, 0.78);

  /* Tipografia */
  --fonte-titulo: 'Sora', 'Segoe UI', system-ui, sans-serif;
  --fonte-texto: 'Inter', 'Segoe UI', system-ui, sans-serif;
  --texto-fluido-xl: clamp(1.75rem, 1.1rem + 3.2vw, 3.25rem);
  --texto-fluido-lg: clamp(1.05rem, 0.9rem + 0.7vw, 1.3rem);
  --texto-fluido-md: clamp(0.95rem, 0.88rem + 0.35vw, 1.1rem);
  --texto-fluido-sm: clamp(0.8rem, 0.76rem + 0.2vw, 0.9rem);

  /* Espaçamento */
  --espaco-1: 0.25rem;
  --espaco-2: 0.5rem;
  --espaco-3: 1rem;
  --espaco-4: 1.5rem;
  --espaco-5: 2.5rem;
  --espaco-6: 4rem;

  /* Raios de borda */
  --raio-sm: 10px;
  --raio-md: 18px;
  --raio-lg: 28px;
  --raio-pill: 999px;

  /* Sombras e brilhos */
  --sombra-suave: 0 10px 40px rgba(4, 13, 39, 0.35);
  --brilho-azul: 0 0 60px rgba(85, 201, 243, 0.25);
  --brilho-whatsapp: 0 8px 30px rgba(37, 211, 102, 0.35);

  /* Movimento */
  --dur-rapida: 180ms;
  --dur-media: 400ms;
  --dur-lenta: 900ms;
  --curva-suave: cubic-bezier(0.22, 1, 0.36, 1);
}