/* Tema "Ayslan" (claro, Índigo). Parte do design-tokens.css do v1 (paleta Índigo de 24/07/2026).
   Mudanças em relação ao v1 estão marcadas com [AJUSTE] (motivo em FRONT_WIREFRAME.md, seção 6).
   Um tema novo = copiar este arquivo, trocar os valores e registrar em temas.js. */
:root {
  color-scheme: light;

  --color-bg: #FFFFFF;            /* cartões */
  --color-bg-soft: #F4F5F7;       /* fundo da página */
  --color-border: #E1E4E9;        /* divisórias decorativas */
  --color-border-strong: #80878F; /* [AJUSTE] borda de campo/controle (3:1 sobre o cartão) */
  --color-text: #23262B;
  --color-text-soft: #636A76;     /* [AJUSTE] v1 #6B7280 dava 4,43:1 sobre o fundo da página */
  --color-text-faint: #767C86;    /* [AJUSTE] só decorativo/placeholder; nunca informação */

  --color-primary: #4A3AA7;
  --color-accent: #4A3AA7;        /* [NOVO] contornos, foco e indicadores (3:1 sobre o cartão) */
  --color-primary-dark: #392C82;
  --color-primary-bg: #EAE7F9;
  --color-primary-text: #392C82;
  --color-on-primary: #FFFFFF;
  --color-nav-bg: #FFFFFF;
  --color-nav-active-bg: #EAE7F9;

  --color-danger: #E34948;
  --color-danger-solid: #CC3837;  /* [AJUSTE] fundo de botão (v1 #E34948 dava 3,95:1 com texto branco) */
  --color-danger-bg: #FCE7E7;
  --color-danger-text: #A32E2D;
  --color-warning: #B97E00;       /* [AJUSTE] v1 #EDA100 (2,17:1) como contorno/barra */
  --color-warning-bg: #FDF1D9;
  --color-warning-text: #8A6300;
  --color-info: #2A78D6;
  --color-info-bg: #E3EFFB;
  --color-info-text: #1B4E8F;
  --color-success: #1F7A3A;       /* [NOVO] "fatura paga": no v1 usava o primário */
  --color-success-bg: #E3F3E6;
  --color-success-text: #1F6B34;

  /* Categorias (cor de dado: mesma nos dois temas claros) */
  --color-cat-alimentacao: #EB6834;
  --color-cat-transporte: #2A78D6;
  --color-cat-casa: #4A3AA7;
  --color-cat-saude: #12936A;               /* [AJUSTE] v1 #1BAF7A (2,82:1) */
  --color-cat-lazer-viagem: #E34948;
  --color-cat-presentes: #D45C8A;           /* [AJUSTE] v1 #E87BA4 (2,69:1) */
  --color-cat-assinaturas-servicos: #008300;
  --color-cat-educacao: #B97E00;            /* [AJUSTE] v1 #EDA100 (2,17:1) */
  --color-cat-vestuario: #14958A;
  --color-cat-pet: #A6742C;
  --color-cat-trabalho: #6B7280;
  --color-cat-financeiro-outros: #454B57;

  /* Contas/cartões e potes de patrimônio */
  --color-conta-itau: #D47A00;              /* [AJUSTE] v1 #FF9600 (2,18:1) */
  --color-conta-mercado-pago: #1795D4;      /* [AJUSTE] v1 #1CB0F6 (2,44:1) */
  --color-conta-shopee: #FF4B4B;
  --color-conta-porto: #2B70C9;
  --color-conta-casa: #A88200;              /* [AJUSTE] v1 #FFC800 (1,55:1) */
  --color-conta-lazer: #47A300;             /* [AJUSTE] v1 #58CC02 (2,09:1) */
  --color-patrimonio-reserva-itau-1: #D47A00;
  --color-patrimonio-reserva-nubank-2: #B16CEB;  /* [AJUSTE] v1 #CE82FF (2,54:1) */
  --color-patrimonio-lazer-conta: #47A300;
  --color-patrimonio-lazer-dinheiro: #FF4B4B;
  --color-patrimonio-fluxo-caixa: #2B70C9;

  --font-body: 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-heading: 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --weight-heading: 800;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(35,38,43,0.08);
  --shadow-md: 0 4px 10px rgba(35,38,43,0.10);
}