/* =========================================================
   TEMA: Masculino - Aço
   Paleta com tons de grafite/aço e azul forte
   ========================================================= */
:root {
    /* Paleta principal */
    --app-bg: #eef2f7;
    --shell-bg: rgba(255, 255, 255, 0.95);
    --surface: #ffffff;
    --text-main: #0f172a;
    --text-muted: #475569;
    --primary: #1e293b;
    --primary-dark: #020617;
    --on-primary: #ffffff;
    --accent: #2563eb;
    --accent-soft: #dbeafe;
    --border-soft: rgba(30, 41, 59, 0.10);
    --input-border: rgba(30, 41, 59, .18);
    --shadow-soft: 0 10px 30px rgba(30, 41, 59, 0.10);
    --shadow-color: rgba(30, 41, 59, .08);

    /* Sidebar */
    --sidebar-bg: #020617;
    --sidebar-text: #cbd5e1;
    --sidebar-icon: #64748b;
    --sidebar-li-color: #93c5fd;
    --sidebar-active-bg: rgba(37, 99, 235, 0.35);
    --sidebar-footer-border: rgba(100, 116, 139, .5);
    --nav-highlight: #60a5fa;

    /* Header */
    --header-gradient-1: rgba(29, 78, 216, 0.9);
    --header-gradient-2: rgba(30, 41, 59, 0.85);
    --header-text: #ffffff;

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

    /* Overlay */
    --loading-overlay: rgba(2, 6, 23, .45);

    /* Caixas de mensagem */
    --helper-bg: #eff6ff;
    --helper-border: rgba(37, 99, 235, .2);
    --success-bg: #ecfdf5;
    --success-border: rgba(16, 185, 129, .2);
    --warning-color: #d97706;
    --warning-bg: rgba(251, 191, 36, 0.2);
    --warning-border: #d97706;
    --error-color: #dc2626;
    --error-bg: rgba(220, 38, 38, 0.15);
    --error-border: #dc2626;
    --skip-bg: #dbeafe;
    --skip-border: rgba(37, 99, 235, .3);

    /* Formulário */
    --focus-border: rgba(37, 99, 235, .6);
    --focus-shadow: rgba(37, 99, 235, .18);

    /* Botões (Agora com identidade Azul Forte/Aço) */
    --btn-hover-color: #dbeafe;
    --btn-primary-start: #3b82f6;
    --btn-primary-end: #1d4ed8;
    --btn-secondary-start: #1e293b;
    --btn-secondary-end: #020617;

    /* Rodapé / offcanvas */
    --footer-bg: rgba(255, 255, 255, .9);
    --offcanvas-bg: rgba(15, 23, 42, .95);
}