/* Zeta Academy — tokens da marca (fonte única)
   Marca blended Lucas Baraças / Zeta Academy. Preto + Verde como par dominante,
   verde como ÚNICA cor viva. Tons de suporte são quietos (texturas, gráficos). */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400;1,700&display=swap');

:root {
  /* Cores dominantes */
  --black:        #081821;  /* base / fundo escuro — autoridade */
  --green:        #03FF76;  /* verde neon — ÚNICA cor de destaque (medicina, saúde) */

  /* Aplicação UI tema escuro (padrão do app) */
  --bg:           #081821;  /* fundo principal */
  --bg-2:         #0C2330;  /* cartões / blocos elevados */
  --bg-3:         #103040;  /* hover de superfície / bordas suaves */
  --text:         #FFFFFF;  /* texto principal sobre escuro */
  --text-muted:   #9DA3AD;  /* texto secundário */
  --line:         #1C3543;  /* linhas / divisórias */

  /* Destaque e estados */
  --accent:       #03FF76;  /* botões, links, sinais */
  --accent-deep:  #22C784;  /* hover / pressed do destaque */
  --accent-soft:  #0F3A33;  /* fundo suave do destaque (chips, badges) */

  /* Tons de suporte (texturas, gráficos, dados) — nunca como destaque principal */
  --slate:        #39475C;
  --green-light:  #68FFAD;
  --mint:         #CDFFE4;
  --gray:         #9DA3AD;
  --gray-light:   #D4D6DE;

  /* Tipografia */
  --font-display: 'Montserrat', system-ui, sans-serif;  /* títulos: 700/900 */
  --font-body:    'Montserrat', system-ui, sans-serif;  /* corpo: 400/500 */
  --font-system:  Arial, system-ui, sans-serif;         /* e-mails / fallback */

  /* Raio e espaçamento base */
  --radius:       14px;
  --radius-sm:    8px;
}

/* Tema claro (fundo branco/verde) — usar quando o material pedir fundo claro */
:root[data-theme="light"] {
  --bg:         #FFFFFF;
  --bg-2:       #F4F6F7;
  --text:       #081821;
  --text-muted: #39475C;
  --line:       #D4D6DE;
}