/* =========================================================
   TEMA: Neutro Azul
   Paleta neutra alternativa (ardósia + teal)
   ========================================================= */
:root {
    /* Paleta principal */
    --app-bg: #eef2f6;
    --shell-bg: rgba(255, 255, 255, 0.96);
    --surface: #ffffff;
    --text-main: #1e2530;
    --text-muted: #5b6572;
    --primary: #334155;
    --primary-dark: #1e293b;
    --on-primary: #ffffff;
    --accent: #0ea5a4;
    --accent-soft: #e3faf9;
    --border-soft: rgba(30, 41, 59, 0.08);
    --input-border: rgba(30, 41, 59, .14);
    --shadow-soft: 0 10px 30px rgba(15, 23, 42, 0.10);
    --shadow-color: rgba(30, 41, 59, .07);

    /* Sidebar */
    --sidebar-bg: #1e293b;
    --sidebar-text: #cbd5e1;
    --sidebar-icon: #94a3b8;
    --sidebar-li-color: #38bdf8;
    --sidebar-active-bg: rgba(56, 189, 248, 0.25);
    --sidebar-footer-border: rgba(148, 163, 184, .4);
    --nav-highlight: #38bdf8;

    /* Header */
    --header-gradient-1: rgba(30, 41, 59, 0.75);
    --header-gradient-2: rgba(15, 23, 42, 0.9);
    --header-text: #ffffff;

    /* Cards */
    --card-border: rgba(30, 41, 59, 0.06);

    /* Overlay */
    --loading-overlay: rgba(15, 23, 42, .4);

    /* Caixas de mensagem */
    --helper-bg: #f1f8fa;
    --helper-border: rgba(14, 165, 164, .15);
    --success-bg: #e7f6ef;
    --success-border: rgba(22, 163, 74, .15);
    --warning-color: #b45309;
    --warning-bg: rgba(251, 191, 36, 0.2);
    --warning-border: #b45309;
    --error-color: #dc2626;
    --error-bg: rgba(220, 38, 38, 0.12);
    --error-border: #dc2626;
    --skip-bg: #e2edf7;
    --skip-border: rgba(51, 65, 85, .25);

    /* Formulário */
    --focus-border: rgba(14, 165, 164, .55);
    --focus-shadow: rgba(14, 165, 164, .15);

    /* Botões */
    --btn-hover-color: #e2e8f0;
    --btn-primary-start: #0ea5a4;
    --btn-primary-end: #155e75;
    --btn-secondary-start: #1e293b;
    --btn-secondary-end: #334155;

    /* Rodapé / offcanvas */
    --footer-bg: rgba(255, 255, 255, .92);
    --offcanvas-bg: rgba(255, 255, 255, .96);
}