/* Modo Claro */
:root {
    --preto-sombra: rgba(0,0,0,0.12);
    --preto-sombra-2: rgba(122, 90, 0, 0.25);
    --branco-neve: #fff;
    --branco-gelo: #cccccc;
    --grafite: #292a2e;
    --grafite-2: #1f1f1f;
    --grafite-3: #2a2a2a;
    --color-primary: #0077b6;
    --color-secondary: #00b4d8;
    --color-accent: #90e0ef;
    --color-soft-bg: #f7f9fc;
    --color-sand: #f6e8c3;
    --color-amber: #efc359;
    --color-green-soft: #a3d9a5;
    --btn-danger-back: #dc3545;
    --btn-danger-color: #ffffff;
    --btn-success-back: #5200FF;
    --btn-success-color: #ffffff;
    --section-begin: antiquewhite;
    --section-end: wheat;
    /* Formularios */
    --form-container-bg: #f7f7f7;
    --input-border-color: #cccccc;
    --input-focus-bg: #3e3e3e;
    --input-focus-border: #CCC;
    --color-input-text: #CCC;
    --color-input-bg: #1e1e1e;
    --select-multi-bg: #e9ecef;
    --select-multi-color: #333333;
    /* Neutros */
    --bg-1: #f8f9fa;
    --bg-2: #ffffff;
    --bg-3: #f1f3f5;
    --text-1: #1d1d1d;
    --text-2: #565656;
    --text-3: #8a8a8a;
    /* Bordas */
    --border-soft: rgba(0,0,0,0.08);
    /* Espaçamentos */
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    /* Radius padrão */
    --radius: 14px;
    /* Sombras */
    --shadow-soft: 0 3px 12px rgba(0,0,0,.70);
    --shadow-hover: 0 5px 20px rgba(0,0,0,.88);
    /* Transições */
    --pulse: 0.18s ease;
    /* Tons diversos */
    --add-text: #2a3a55; /* texto equilibrado */
    --overlay-dark: rgba(16,20,28,0.96); /* tela escura opaca (quase preta) */
    --add-bg-start: #f5f3ef; /* botão - claro */
    --add-bg-end: #e5d6a3; /* botão - tom quente */
    --gradient-dark: #3d2f00;
    /* ===== Login / Auth ===== */
    --login-bg: #ffffff;
    --login-header-bg: var(--overlay-dark);
    --login-header-text: #ffffff;
    --login-shadow: var(--shadow-soft);
    --login-text-primary: var(--text-1);
    --login-text-muted: var(--text-3);
    --login-link: var(--color-primary);
    --login-link-hover: var(--color-secondary);
    --login-danger: var(--pulse-red);
    /* Auth / Forms neutros (fora do login) */
    --auth-title: var(--color-primary);
    --auth-subtitle: var(--text-2);
    --auth-link: var(--color-primary);
    /* Toast panels*/
    --toast-shadow: rgba(0, 0, 0, 0.35);
    --toast-success-bg: #e6f4ea;
    --toast-success-text: #2e7d32;
    --toast-warning-bg: #fff8e1;
    --toast-warning-text: #ff6f00;
    --toast-error-bg: #fbe9e7;
    --toast-error-text: #c62828;
    /* relatorios */
    --border-movto-receita: rgba(88,196,139,0.45);
    --border-movto-despesa: rgba(228,85,85,0.45);
    --grid-lines: #c5ded8;
    --grid-lines-hover: #a8d0c4;
    /* badges */
    --badge-text-color: #5a4300;
    --badge-back-color: linear-gradient(145deg, #fff1c2, #e7d18a);
    /* ===== Aliases para Agenda / Calendar ===== */
    /* Backgrounds */
    --background-body: #d1bfb4;
    --background-light: #f5f3ef;
    --background-border: var(--border-soft);
    --surface-container: var(--background-light);
    --surface-border: var(--background-body);
    --cor-fundo-card-header: #fab387;
    --cor-texto-card-header: #212529;
    /* Texto */
    --color-text-body: var(--text-1);
    --dropdown-item-color: var(--text-2);
    /* Cores funcionais */
    --cor-receita: var(--pulse-green);
    --cor-despesa: var(--pulse-red);
    --back-btn-receita: rgba(46, 204, 113, 0.15);
    --back-btn-despesa: rgba(231, 76, 60, 0.15);
    /* Estados de parcelas */
    --bill-open-color: var(--color-amber);
    --bill-late-color: var(--cor-despesa);
    /* Links / seleção */
    --color-link: var(--color-primary);
    --cor-texto-botao: var(--branco-neve);
    /* Botões (corrigindo nomes inconsistentes) */
    --btn-success-bg: var(--btn-success-back);
    --btn-danger-bg: var(--btn-danger-back);
    /* Acessibilidade / foco */
    --cor-icone-acao-hover: var(--color-secondary);
    /* Cores MiniMarket */
    --main-header-bar: #558D79;
    --main-header-title: #ffffff;
    --dark-color-bar: #7fb1a3;
    --font-color-bar: #42665e;
    --light-color-bar: #d2e4de;
    --gradient-dark: #8dc5b7;
    --gradient-light: #e0e0e0;
    --grid-lines: #c5ded8;
    --grid-lines-hover: #a8d0c4;
    --background-body: #d9d9d9;
    --background-light: #f4f4f4;
    --background-border: #a2a2a2;
    --bill-late-color: #f09269;
    --bill-open-color: #f4f914;
    --color-text-body: #333333;
    --color-link: #141155;
    --color-link-hover: #000000;
    --color-input-bg: #ffffff;
    --color-input-text: #222;
    --focus-outline: white;
    --focus-ring: #258cfb;
    --cor-fundo-toolbox: #f1f1f1;
    --cor-sombra-box: rgba(0, 0, 0, 0.1);
    --cor-fundo-card: #f9f9f9;
    --cor-fundo-card-header: #e9ecef;
    --cor-texto-card-header: #212529;
    --cor-icone-acao: #007bff;
    --cor-icone-acao-hover: #0056b3;
    --cor-texto-botao: #ffffff;
    --cor-fundo-botao: #007bff;
    --cor-receita: #006400;
    --cor-despesa: #8B0000;
    --cor-salvar: #1e90ff;
    --cor-remover: #dc3545;
    --cor-baixar: #28a745;
    --form-container-bg: #f7f7f7;
    --form-bg: #ffffff;
    --form-shadow: rgba(0, 0, 0, 0.3);
    --input-border-color: #cccccc;
    --input-focus-bg: #fff8e1;
    --input-focus-border: #fbc02d;
    --btn-success-bg: #5200FF;
    --btn-success-color: #ffffff;
    --btn-danger-bg: #dc3545;
    --btn-danger-color: #ffffff;
    --select-multi-bg: #e9ecef;
    --select-multi-color: #333333;
    --success-border-color: green;
    --danger-border-color: #d9534f;
    --danger-color: #d9534f;
    --dropdown-shadow: rgba(0, 0, 0, 0.2);
    --dropdown-item-color: #42665e;
    --dropdown-item-hover-bg: #8dc5b7;
    --footer-bg: #f0f0f0;
    --modal-overlay-bg: rgba(100, 100, 100, 0.6);
    --toast-shadow: rgba(0, 0, 0, 0.35);
    --toast-success-bg: #e6f4ea;
    --toast-success-text: #2e7d32;
    --toast-warning-bg: #fff8e1;
    --toast-warning-text: #ff6f00;
    --toast-error-bg: #fbe9e7;
    --toast-error-text: #c62828;
    --shadow-heavy-color: rgba(170,170,170,1);
    --login-bg: #eceeef;
    --button-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    --btn-success-gradient-start: #32cd32;
    --btn-success-gradient-end: #228b22;
    --btn-success-hover-gradient-start: #66bb6a;
    --btn-success-hover-gradient-end: #43a047;
    --box-shadow-medium: rgba(0, 0, 0, 0.2);
    --btn-disabled-gradient-start: #d3d3d3;
    --btn-disabled-gradient-end: #a9a9a9;
    --btn-disabled-text-color: #808080;
    --error-bg: #fff5f5;
    --error-border-color: #ffcccc;
    --error-title-color: #e74c3c;
    --error-button-bg: #3498db;
    --error-button-hover-bg: #2980b9;
}

/* Modo Escuro */
body.dark-mode {
    --main-header-bar: #558D79;
    --main-header-title: #ffffff;
    --dark-color-bar: #5a8c7c;
    --font-color-bar: #b3e2d6;
    --light-color-bar: #3b4e4b;
    --gradient-dark: #5a8c7c;
    --gradient-light: #3b4e4b;
    --grid-lines: #4d6964;
    --grid-lines-hover: #6a9c91;
    --background-body: #2D2D2D;
    --background-light: #3D3D3D;
    --background-border: #4d6964;
    --bill-late-color: #f09269;
    --bill-open-color: #f4f914;
    --color-text-body: #d4d4d4;
    --color-link: #98c5bb;
    --color-link-hover: #ffffff;
    --color-input-bg: #1e1e1e;
    --color-input-text: #CCC;
    --focus-outline: #98c5bb;
    --focus-ring: #62a99a;
    --cor-fundo-toolbox: #2c2c2c;
    --cor-sombra-box: rgba(0, 0, 0, 0.7);
    --cor-fundo-card: #3a3a3a;
    --cor-fundo-card-header: #444;
    --cor-texto-card-header: #f1f1f1;
    --cor-icone-acao: #66b0ff;
    --cor-icone-acao-hover: #3399ff;
    --cor-texto-botao: #ffffff;
    --cor-fundo-botao: #0056b3;
    --cor-receita: #32cd32;
    --cor-despesa: #ff4d4d;
    --cor-salvar: #3399ff;
    --cor-remover: #ff4d4d;
    --cor-baixar: #44cc77;
    --form-container-bg: #1e1e1e;
    --form-bg: #2c2c2c;
    --form-shadow: rgba(0, 0, 0, 0.6);
    --input-border-color: #555555;
    --input-focus-bg: #333333;
    --input-focus-border: #ffd54f;
    --btn-success-bg: #28a745;
    --btn-success-color: #ffffff;
    --btn-danger-bg: #dc3545; /* Igual ao modo claro */
    --btn-danger-color: #ffffff;
    --select-multi-bg: #3a3a3a;
    --select-multi-color: #dddddd;
    --success-border-color: lightgreen;
    --danger-border-color: lightcoral;
    --danger-color: lightcoral;
    --dropdown-shadow: rgba(0, 0, 0, 0.7);
    --dropdown-item-color: #b3e2d6;
    --dropdown-item-hover-bg: #3399ff;
    --footer-bg: #2c2c2c;
    --modal-overlay-bg: rgba(0, 0, 0, 0.6);
    --toast-shadow: rgba(0, 0, 0, 0.5);
    --toast-success-bg: #1b5e20;
    --toast-success-text: #a5d6a7;
    --toast-warning-bg: #ff8f00;
    --toast-warning-text: #fff3e0;
    --toast-error-bg: #b71c1c;
    --toast-error-text: #ffcdd2;
    --shadow-heavy-color: rgba(100,100,100,0.7);
    --login-bg: #3a3a3a;
    --button-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    --btn-success-gradient-start: #5a8c7c;
    --btn-success-gradient-end: #3b4e4b;
    --btn-success-hover-gradient-start: #66b0ff;
    --btn-success-hover-gradient-end: #3399ff;
    --box-shadow-medium: rgba(0, 0, 0, 0.6);
    --btn-disabled-gradient-start: #555555;
    --btn-disabled-gradient-end: #777777;
    --btn-disabled-text-color: #aaaaaa;
    --error-bg: #3a1e1e;
    --error-border-color: #5a1a1a;
    --error-title-color: #e74c3c;
    --error-button-bg: #5a8c7c;
    --error-button-hover-bg: #3399ff;
}
