/* FormulaFlow — tema gerado. Não editar: as cores vêm de Configurações → Aparência. */
:root {
    --brand-primary: #b7e925;
    --brand-primary-hover: #a1cd21;
    --brand-primary-soft: #f6fce5;
    --brand-primary-soft-strong: #effacf;
    --brand-primary-ink: #84a81b;
    --brand-on-primary: #1a1a2e;
    --brand-secondary: #1c4040;
    --brand-gradient: linear-gradient(135deg, #b7e925 0%, #1c4040 100%);
    --brand-gradient-soft: linear-gradient(135deg, color-mix(in srgb, #b7e925 20%, transparent) 0%, color-mix(in srgb, #1c4040 20%, transparent) 100%);
    --brand-sidebar: #0d1111;
    --brand-radius: 22px;
    --sidebar-texto: rgba(255,255,255,.72);
    --sidebar-ativo: #ffffff;
    --sidebar-hover: rgba(255,255,255,.08);
    --sidebar-borda: rgba(255,255,255,.08);
}

/* Gradiente interpolado em OKLCH: entre duas cores distantes (lime →
   teal) o sRGB passa por um oliva lamacento; o OKLCH passa pelos verdes. */
@supports (background: linear-gradient(in oklch, red, blue)) {
    :root {
        --brand-gradient: linear-gradient(in oklch 135deg, #b7e925 0%, #1c4040 100%);
        --brand-gradient-soft: linear-gradient(in oklch 135deg, color-mix(in srgb, #b7e925 20%, transparent) 0%, color-mix(in srgb, #1c4040 20%, transparent) 100%);
    }
}

/* Lidas por JS para pintar gráficos com a cor da marca */
.js-brand-primary { color: #b7e925; }
.js-brand-secondary { color: #1c4040; }