/* Identidade visual W2A Telecom.
   Logos: static/logo.svg (fundo claro) e static/logo-escuro.svg (fundo escuro). */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");

:root {
  --font-display: "Poppins", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Poppins", ui-sans-serif, system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;

  --w2a-roxo: #440099;
  --w2a-ciano: #00c1d5;

  --color-bg: #f5f3fa;
  --color-surface: #ffffff;
  --color-text: #1d0b3a;
  --color-muted: #6b6280;
  --color-border: #e6e1f0;
  --color-accent: var(--w2a-roxo);
  --color-accent-2: var(--w2a-ciano);
  --color-accent-contrast: #ffffff;
  --color-danger: #c23a2b;

  /* Tela do sorteio (gravação) */
  --stage-bg: linear-gradient(180deg, #8214c8 0%, #3c0b70 45%, #2e0a5e 100%);
  --stage-text: #ffffff;
  --stage-muted: #c9b8e8;
  --stage-highlight: var(--w2a-ciano);

  --radius: 14px;
}