/* ═══════════════════════════════════════════════════════════════
   Tokens RED — compartilhados por Painel, Check-in, Gerador e Cadastro
   (LOTE-4 / T-001)

   Base capturada de app.igrejared.com (o design system oficial da RED
   ainda não existe). Paleta neutra = escala "stone" do Tailwind, a mesma
   do app da RED.

   Tema CLARO é o padrão (:root); o escuro entra com
   html[data-theme="dark"]. Os nomes são os que os apps já usavam —
   o CSS existente troca de cor sem renomear nada.

   Este arquivo carrega ANTES do CSS de cada app, e nenhum app redefine
   estes tokens (só tokens próprios — ex.: --gold/--day/--night do Gerador).
   ═══════════════════════════════════════════════════════════════ */

:root {
  color-scheme: light;

  --bg:           #FAFAF9;
  --surface:      #FFFFFF;
  --surface-2:    #F5F5F4;
  --surface-3:    #E7E5E4;
  --border:       #E7E5E4;
  --border-light: #D6D3D1;
  --text:         #1C1917;
  --text-strong:  #0C0A09;
  --muted:        #57534E;

  /* Vermelho da marca. --accent-ui é o nome usado no Gerador. */
  --accent:       #C92041;
  --accent-ui:    var(--accent);
  --accent-hover: #910C2C;
  --accent-dim:   rgba(201,32,65,.08);
  --accent-border: rgba(201,32,65,.3);
  /* Vermelho para TEXTO e links (T-003). No claro é a própria marca; no
     escuro, um tom mais claro — o #C92041 dá só 3,1 sobre --surface. */
  --accent-text:  #C92041;

  /* "Vai" — verde dos botões de confirmar e dos cards de sucesso, medido
     no card "Parabéns" do app da RED (T-002). Igual nos dois temas no botão;
     o texto branco sobre ele dá 3,8 (o mesmo do app da RED). */
  --go:        #059669;
  --go-text:   #059669;
  --go-bg:     #F3F9F6;
  --go-border: #A4D1BE;

  /* Status: a família de cores da RED (#059669 #D97706 #DC2626 #2563EB),
     no tom que passa contraste AA como texto sobre o fundo de cada tema. */
  --ok:     #047857;
  --warn:   #B45309;
  --danger: #DC2626;
  --info:   #2563EB;
  --ok-dim:   rgba(5,150,105,.10);
  --warn-dim: rgba(217,119,6,.10);
  --danger-dim: rgba(220,38,38,.10);
  --info-dim:   rgba(37,99,235,.10);

  /* Gênero (chip M/F no Painel e no Gerador). */
  --gender-m: #2563EB; --gender-m-dim: rgba(37,99,235,.10);
  --gender-f: #DB2777; --gender-f-dim: rgba(219,39,119,.10);

  /* Escala de alerta intermediária (Frequência: Líder → Co-líder → Admin)
     e cor de "desfeito" na linha do tempo do Histórico. */
  --orange: #C2410C; --orange-dim: rgba(234,88,12,.10);
  --violet: #7C3AED; --violet-dim: rgba(124,58,237,.10);

  /* Texto de exemplo nos campos e véu de realce (hover/seleção). */
  --placeholder: #A8A29E;
  --overlay:     rgba(0,0,0,.05);

  /* Equipes — bolinha ("● Verde"). Vermelho da equipe ≠ vermelho da marca. */
  --team-amarelo:  #EAB308;
  --team-azul:     #3B82F6;
  --team-verde:    #10B981;
  --team-vermelho: #EF4444;

  /* Badges de equipe ainda usados pelo Painel/Gerador (viram bolinha na
     T-003/T-004). Valores mantidos dos temas anteriores. */
  --team-amarelo-bg:#fffaeb;  --team-amarelo-text:#78600a;  --team-amarelo-border:#d9a400;
  --team-azul-bg:#eff6ff;     --team-azul-text:#1d4ed8;     --team-azul-border:#3b82f6;
  --team-verde-bg:#ecfdf5;    --team-verde-text:#065f46;    --team-verde-border:#10b981;
  --team-vermelho-bg:#fef2f2; --team-vermelho-text:#b91c1c; --team-vermelho-border:#ef4444;
  --team-geral-bg:#f5f5f4;    --team-geral-text:#57534e;    --team-geral-border:#d6d3d1;

  --r-xs: 4px; --r-sm: 8px; --r-md: 12px; --r-lg: 20px; --r-xl: 28px;

  --shadow-sm: 0 1px 2px rgba(0,0,0,.04);
  --shadow-md: 0 2px 8px rgba(0,0,0,.06);
  --shadow-lg: 0 12px 32px rgba(0,0,0,.08);
}

html[data-theme="dark"] {
  color-scheme: dark;

  --bg:           #0C0A09;
  --surface:      #1C1917;
  --surface-2:    #292524;
  --surface-3:    #44403C;
  --border:       #292524;
  --border-light: #44403C;
  --text:         #FAFAF9;
  --text-strong:  #FFFFFF;
  --muted:        #A8A29E;

  --accent-dim:   rgba(201,32,65,.18);
  --accent-text:  #F26683;

  --go-text:   #34D399;
  --go-bg:     rgba(5,150,105,.10);
  --go-border: rgba(5,150,105,.40);

  --ok:     #34D399;
  --warn:   #FBBF24;
  --danger: #F87171;
  --info:   #60A5FA;
  --ok-dim:   rgba(52,211,153,.14);
  --warn-dim: rgba(251,191,36,.14);
  --danger-dim: rgba(248,113,113,.14);
  --info-dim:   rgba(96,165,250,.14);

  --gender-m: #60A5FA; --gender-m-dim: rgba(96,165,250,.14);
  --gender-f: #F472B6; --gender-f-dim: rgba(244,114,182,.14);

  --orange: #FB923C; --orange-dim: rgba(251,146,60,.14);
  --violet: #A78BFA; --violet-dim: rgba(167,139,250,.14);

  --placeholder: #78716C;
  --overlay:     rgba(255,255,255,.08);

  --team-amarelo-bg:#1c1400;  --team-amarelo-text:#f0c040;  --team-amarelo-border:#5a4200;
  --team-azul-bg:#001228;     --team-azul-text:#5ab4ff;     --team-azul-border:#1a4a8a;
  --team-verde-bg:#001810;    --team-verde-text:#34d399;    --team-verde-border:#1a5a38;
  --team-vermelho-bg:#1f0a0a; --team-vermelho-text:#f87171; --team-vermelho-border:#7f1d1d;
  --team-geral-bg:#1c1917;    --team-geral-text:#a8a29e;    --team-geral-border:#44403c;

  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow-md: 0 2px 8px rgba(0,0,0,.5);
  --shadow-lg: 0 12px 32px rgba(0,0,0,.6);
}

/* Logo "red" (T-005) — autorizado pelo Paulo. PNG com fundo transparente;
   o contêiner (.brand-logo, .app-logo…) define o tamanho. */
.logo-red { display: block; width: 100%; height: 100%; object-fit: contain; }