/* ==========================================================================
   FINANCEIRO DIÁRIO — Cores
   Paleta oficial (HEX exatos do kit):
     Verde Escuro #0B2124 · Branco #F4F4F4 · Preto #000000 · Verde Claro #28A445
   Verde #28A445 é ACENTO / AÇÃO (CTA) — nunca preenchimento dominante.
   ========================================================================== */
:root {
  /* ---- Marca (imutáveis) ---- */
  --fd-brand-green-dark: #0B2124;   /* superfície escura / brand */
  --fd-brand-white:      #F4F4F4;   /* superfície clara */
  --fd-brand-black:      #000000;
  --fd-brand-green:      #28A445;   /* primária / acento / CTA */

  /* =========================================================
     Tema LIGHT (superfície #F4F4F4) — padrão
     ========================================================= */
  --fd-bg:            #F4F4F4;
  --fd-surface:       #FFFFFF;
  --fd-surface-2:     #ECEFEE;
  --fd-border:        #D9DEDD;
  --fd-border-strong: #C3CBCA;
  --fd-text:          #0B2124;
  --fd-text-muted:    #5B6A6C;
  --fd-text-subtle:   #83908F;

  --fd-primary:        #28A445;   /* fill CTA (rótulo branco) */
  --fd-primary-hover:  #218C3A;
  --fd-primary-strong: #157A32;   /* verde de TEXTO sobre claro (AA 5.4:1) */
  --fd-on-primary:     #FFFFFF;
  --fd-primary-soft:   rgba(40, 164, 69, .10);
  --fd-ring:           rgba(40, 164, 69, .40);

  --fd-success: #157A32;
  --fd-warning: #955A00;
  --fd-danger:  #C0392B;
  --fd-info:    #0B2124;
}

/* =========================================================
   Tema DARK (superfície #0B2124)
   Aplique via .dark, [data-theme="dark"] ou prefers-color-scheme.
   #28A445 sobre #0B2124 = 5.15:1 → serve como TEXTO/acento direto.
   ========================================================= */
.dark, [data-theme="dark"] {
  --fd-bg:            #0B2124;
  --fd-surface:       #123033;
  --fd-surface-2:     #193C40;
  --fd-border:        #244B4F;
  --fd-border-strong: #315D61;
  --fd-text:          #F4F4F4;
  --fd-text-muted:    #9DB0B1;
  --fd-text-subtle:   #6E8082;

  --fd-primary:        #28A445;
  --fd-primary-hover:  #33B851;
  --fd-primary-strong: #34C455;   /* verde de TEXTO sobre escuro */
  --fd-on-primary:     #FFFFFF;
  --fd-primary-soft:   rgba(40, 164, 69, .16);
  --fd-ring:           rgba(40, 164, 69, .55);

  --fd-success: #34C455;
  --fd-warning: #E0A93B;
  --fd-danger:  #E06455;
  --fd-info:    #F4F4F4;
}