/*
 * Design tokens do Cents (§5.18 / F9) — ÚNICO arquivo onde cores são definidas.
 * Todo o resto (app.css, views, gráficos) consome var(--...). O linter de tema
 * garante que nenhuma cor viva fora daqui.
 *
 * Identidade: "dinheiro em ordem" — esmeralda profundo (confiança/prosperidade)
 * sobre neutros frios, tipografia Inter, cantos generosos e sombras suaves.
 */

:root {
    /* Marca */
    --cents-primaria:        #0b8a5c;
    --cents-primaria-escura: #086b47;
    --cents-primaria-clara:  #12a56f;
    --cents-primaria-suave:  #e6f6ef;
    --cents-primaria-rgb:    11, 138, 92;
    --cents-grad-a:          #0b8a5c;
    --cents-grad-b:          #0fa06d;

    /* Compatibilidade com o CSS antigo (gráficos §5.18 leem este token) */
    --cents-acento:          #0b8a5c;

    /* Superfícies e texto */
    --cents-fundo:        #f4f6f8;
    --cents-superficie:   #ffffff;
    --cents-superficie-2: #f8fafb;
    --cents-tinta:        #182430;
    --cents-texto-2:      #5b6b7a;
    --cents-texto-3:      #8b98a5;
    --cents-borda:        #e4e9ee;
    --cents-borda-forte:  #ccd6df;

    /* Semântica financeira */
    --cents-receita:       #0b8a5c;
    --cents-receita-suave: #e6f6ef;
    --cents-despesa:       #d05353;
    --cents-despesa-suave: #fbeeee;
    --cents-aviso:         #b7791f;
    --cents-aviso-suave:   #faf3e4;
    --cents-info:          #3661eb;
    --cents-info-suave:    #ebf0fe;

    /* Sombras e foco */
    --cents-sombra-1: 0 1px 2px rgba(24, 36, 48, 0.05), 0 1px 6px rgba(24, 36, 48, 0.04);
    --cents-sombra-2: 0 4px 14px rgba(24, 36, 48, 0.08), 0 2px 4px rgba(24, 36, 48, 0.04);
    --cents-sombra-3: 0 12px 34px rgba(24, 36, 48, 0.14);
    --cents-anel-foco: rgba(11, 138, 92, 0.22);

    /* Geometria */
    --cents-raio:    14px;
    --cents-raio-sm: 10px;
    --cents-raio-xs: 8px;

    /* Overrides do Bootstrap (o resto herda daqui) */
    --bs-body-bg:      var(--cents-fundo);
    --bs-body-color:   var(--cents-tinta);
    --bs-border-color: var(--cents-borda);
}

[data-bs-theme="dark"] {
    --cents-primaria:        #2fbe84;
    --cents-primaria-escura: #27a371;
    --cents-primaria-clara:  #46d69b;
    --cents-primaria-suave:  #10241c;
    --cents-primaria-rgb:    47, 190, 132;
    --cents-grad-a:          #1d9a6c;
    --cents-grad-b:          #2fbe84;

    --cents-acento:          #2fbe84;

    --cents-fundo:        #0c1116;
    --cents-superficie:   #141b22;
    --cents-superficie-2: #19222b;
    --cents-tinta:        #e8edf2;
    --cents-texto-2:      #9aa7b4;
    --cents-texto-3:      #6e7b88;
    --cents-borda:        #232e39;
    --cents-borda-forte:  #34414e;

    --cents-receita:       #2fbe84;
    --cents-receita-suave: #10241c;
    --cents-despesa:       #e06c6c;
    --cents-despesa-suave: #2a1717;
    --cents-aviso:         #d69e2e;
    --cents-aviso-suave:   #292013;
    --cents-info:          #6b8afb;
    --cents-info-suave:    #151d33;

    --cents-sombra-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 6px rgba(0, 0, 0, 0.25);
    --cents-sombra-2: 0 4px 14px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.3);
    --cents-sombra-3: 0 12px 34px rgba(0, 0, 0, 0.55);
    --cents-anel-foco: rgba(47, 190, 132, 0.28);

    --bs-body-bg:      var(--cents-fundo);
    --bs-body-color:   var(--cents-tinta);
    --bs-border-color: var(--cents-borda);
}