/**
 * voz-variables.css
 * Torpedo de Voz – variáveis globais (cores, dimensões).
 * Carregar primeiro: os demais arquivos voz-*.css usam essas variáveis.
 */

:root {
  /* Fundo e texto da página (seções canal, intro) */
  --voz-page-bg: #ffffff;
  --voz-text-secondary: #555555;
  --voz-text-body: #333333;
  --voz-text-muted: #444444;
  --voz-text-light: rgba(255, 255, 255, 0.85);

  /* Hero/CTA: azul puxado pro cinza (radiais ao centro) */
  --voz-gradient:
    linear-gradient(135deg,
      #0e6b86 0%,
      #1f6a7d 35%,
      #4f5f6b 70%,
      #3f4b55 100%);
  /* WhatsApp (demo canal): bolha verde do cliente */
  --whatsapp-light: #dcf8c6;
  /* iOS Call Green */
  --voz-phone-red: #ff3b30;
  /* iOS Call Red */
  --wall-1-light: rgba(78, 156, 255, 0.28);
  --wall-2-light: rgba(255, 120, 200, 0.22);
  --wall-3-light: rgba(120, 255, 210, 0.18);
  --wall-base-top-light: rgba(255, 255, 255, 0.88);
  --wall-base-bottom-light: rgba(255, 255, 255, 0.65);
  --wall-1-dark: rgba(38, 112, 255, 0.25);
  --wall-2-dark: rgba(255, 90, 160, 0.18);
  --wall-3-dark: rgba(48, 220, 180, 0.14);
  --wall-base-1-dark: #0d1117;
  --wall-base-2-dark: #0b0f14;
  /* Tela de chamada dark: fundo sólido marrom-cinza (estilo iOS) */
  --voz-call-screen-dark: #1c1b1f;
  --voz-call-label-dark: rgba(255, 255, 255, 0.6);
  --voz-call-name-dark: #ffffff;

  /* Dimensions & Spacing */
  --voz-background-btn: linear-gradient(135deg, #1c8cd6, #155f9c, #1d272e);
  --voz-background-btn-hover: linear-gradient(-135deg, #1c8cd6, #155f9c, #1d272e);
  --voz-box-shadow-btn: 0 0px 10px rgb(13 142 207 / 89%);
  --voz-box-shadow-btn-hover: 0 0px 10px #242424;

}

[data-theme="dark"] {
  --voz-page-bg: #0f172a;
  --voz-text-secondary: rgba(255, 255, 255, 0.9);
  --voz-text-body: rgba(255, 255, 255, 0.85);
  --voz-text-muted: rgba(255, 255, 255, 0.85);

  --voz-gradient: radial-gradient(circle at 67% 53%, #2e85bf 0%, rgb(46 94 141 / 45%) 18%, rgb(0 30 55 / 28%) 32%, rgb(0 12 29) 48%),
    linear-gradient(135deg, #000000 0%, #012c47 40%, #34424d 70%, #000e1b 100%);

  --voz-background-btn: linear-gradient(135deg, #0b1118 0%, #2e5b8d 45%, #0a1016 100%);
  --voz-background-btn-hover: linear-gradient(-135deg, #0b1118 0%, #2e5b8d 45%, #0a1016 100%);
  --voz-box-shadow-btn: 0 0px 10px #1752fa;
  --voz-box-shadow-btn-hover: 0 0px 10px #242424;
}