:root {
    /* --- BASES DE FUNDO --- */
    --bg-body: #f4f6f9;           /* Fundo da página */
    --bg-card: #ffffff;
    --bg-content: #ecf0f1;        /* Fundo do iframe/área de trabalho */
    --bg-component: #ffffff;      /* Header, Footer, Cards */
    --bg-sidebar: #2c3e50;        /* Cor de fundo do Menu Lateral */
    --bg-hover: #f1f1f1;          /* Cor ao passar o mouse em itens gerais */
    
    /* --- TEXTOS --- */
    --text-primary: #333333;      /* Texto principal */
    --text-secondary: #666666;    /* Texto de apoio/descrição */
    --text-sidebar: #bdc3c7;      /* Texto do menu lateral */
    --text-sidebar-hover: #ffffff;/* Texto do menu ao passar o mouse */
    --text-danger: #e74c3c;       /* Texto de erro/logout */
    --text-inverse: #ffffff;      /* Texto sobre fundos escuros */
    --text-main: #2d3436;
    --text-muted: #636e72;

    /* --- BORDAS E DIVISORES --- */
    --border-color: #dddddd;      /* Cor padrão de bordas */
    --shadow-color: rgba(0,0,0,0.05); /* Sombra suave */
    --shadow-color-dark: rgba(0,0,0,0.6); /* Sombra suave */
    
    /* --- CORES DE DESTAQUE (BRANDING) --- */
    --color-primary: #2c3e50;     /* Cor primária da marca */
    --color-accent: #3498db;      /* Cor de destaque (links, botões, ícones ativos) */
    --color-warning: #f39c12;     /* Alertas */
    --color-danger: #c0392b;      /* Erros/Badges */
    
    /* --- INPUTS E FORMULÁRIOS --- */
    --input-bg: #ffffff;
    --input-border: #cccccc;

    --color-success: #27ae60; /* Verde */
    --color-info: #2980b9;    /* Azul Info */
    --success: #2ecc71;
    --danger: #e74c3c;
    --warning: #f39c12;
    --info: #3498db;
    --close: #555;
    --close-hover: #ff0000;
   

    --primary: #4a69bd;
    --primary-color: #0056b3; /* Azul padrão */
    
 
    --shadow: 0 4px 6px rgba(0,0,0,0.05);
}