/**
 * Guardião Renal - Paleta de Cores Oficial
 * Manual da Marca - Sistema IDV
 * 
 * INSTRUÇÕES:
 * 1. Extraia as cores hexadecimais do PDF do manual da marca
 * 2. Substitua os valores abaixo pelas cores oficiais
 * 3. Este arquivo será carregado em todas as páginas automaticamente
 */

:root {
    /* ========================================
       CORES PRINCIPAIS - MANUAL DA MARCA
       ======================================== */
    
    /* Cor Primária (Principal da marca) */
    --brand-primary: #ACD7A3;        /* ← SUBSTITUA pela cor principal do manual */
    --brand-primary-dark: #8EB985;    /* ← Versão escura */
    --brand-primary-light: #D4FFCB;   /* ← Versão clara */
    --brand-primary-hover: #3A6292;  /* ← Hover state */
    
    /* Cor Secundária */
    --brand-secondary: #1F546A;       /* ← SUBSTITUA pela cor secundária do manual */
    --brand-secondary-dark: #01364C;  /* ← Versão escura */
    --brand-secondary-light: #477C92; /* ← Versão clara */
    
    /* Cor de Destaque/Accent */
    --brand-accent: #91D6DF;           /* ← SUBSTITUA pela cor de destaque do manual */
    --brand-accent-dark: #73B8C1;      /* ← Versão escura */
    --brand-accent-light: #B9FEFF;    /* ← Versão clara */
    
    /* ========================================
       CORES FUNCIONAIS (Status)
       ======================================== */
    
    /* Sucesso */
    --color-success: var(--brand-secondary);
    --color-success-light: var(--brand-secondary-light);
    --color-success-dark: var(--brand-secondary-dark);
    
    /* Aviso/Alerta */
    --color-warning: var(--brand-accent);
    --color-warning-light: var(--brand-accent-light);
    --color-warning-dark: var(--brand-accent-dark);
    
    /* Erro/Crítico */
    --color-danger: #F56565;
    --color-danger-light: #FC8181;
    --color-danger-dark: #E53E3E;
    
    /* Informação */
    --color-info: #4299E1;
    --color-info-light: #63B3ED;
    --color-info-dark: #3182CE;
    
    /* ========================================
       CORES NEUTRAS
       ======================================== */
    
    --color-dark: #2D3748;
    --color-dark-light: #4A5568;
    --color-dark-lighter: #718096;
    
    --color-light: #F7FAFC;
    --color-light-dark: #EDF2F7;
    --color-light-darker: #E2E8F0;
    
    --gray-50: #F9FAFB;
    --gray-100: #F7FAFC;
    --gray-200: #EDF2F7;
    --gray-300: #E2E8F0;
    --gray-400: #CBD5E0;
    --gray-500: #A0AEC0;
    --gray-600: #718096;
    --gray-700: #4A5568;
    --gray-800: #2D3748;
    --gray-900: #1A202C;
    
    /* ========================================
       GRADIENTES OFICIAIS
       ======================================== */
    
    /* Gradiente Principal (Sidebar, Headers) */
    --gradient-brand-primary: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
    --gradient-brand-primary-hover: linear-gradient(135deg, var(--brand-primary-light) 0%, var(--brand-primary) 100%);
    
    /* Gradiente Secundário */
    --gradient-brand-secondary: linear-gradient(135deg, var(--brand-secondary) 0%, var(--brand-secondary-dark) 100%);
    
    /* Gradiente Accent */
    --gradient-brand-accent: linear-gradient(135deg, var(--brand-accent) 0%, var(--brand-accent-dark) 100%);
    
    /* Gradientes Funcionais */
    --gradient-success: linear-gradient(135deg, var(--color-success) 0%, var(--color-success-dark) 100%);
    --gradient-warning: linear-gradient(135deg, var(--color-warning) 0%, var(--color-warning-dark) 100%);
    --gradient-danger: linear-gradient(135deg, var(--color-danger) 0%, var(--color-danger-dark) 100%);
    --gradient-info: linear-gradient(135deg, var(--color-info) 0%, var(--color-info-dark) 100%);
    
    /* ========================================
       COMPATIBILIDADE COM SISTEMA EXISTENTE
       ======================================== */
    
    /* Mapeamento para variáveis existentes */
    --primary-color: var(--brand-primary);
    --primary-dark: var(--brand-primary-dark);
    --primary-light: var(--brand-primary-light);
    
    --secondary-color: var(--brand-secondary);
    --accent-color: var(--brand-accent);
    
    --primary: var(--brand-primary);
    --secondary: var(--brand-secondary);
    --accent: var(--brand-accent);
    
    --success-color: var(--color-success);
    --warning-color: var(--color-warning);
    --danger-color: var(--color-danger);
    --info-color: var(--color-info);
    
    --success: var(--color-success);
    --warning: var(--color-warning);
    --danger: var(--color-danger);
    --info: var(--color-info);
    
    --dark: var(--color-dark);
    --light: var(--color-light);
    
    /* Gradientes compatibilidade */
    --gradient-primary: var(--gradient-brand-primary);
    --gradient-success: var(--gradient-success);
    --gradient-warning: var(--gradient-warning);
    --gradient-danger: var(--gradient-danger);
    --gradient-info: var(--gradient-info);
}

/* ========================================
   SOBRESCRITAS POR ELEMENTO
   ======================================== */

/* Sidebar - Sempre usa gradiente primário */
.sidebar {
    background: var(--gradient-brand-primary) !important;
}

/* Botões primários */
.btn-primary,
.bg-primary {
    background: var(--gradient-brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

.btn-primary:hover {
    background: var(--gradient-brand-primary-hover) !important;
}

/* Botões secundários */
.btn-secondary,
.bg-secondary {
    background: var(--gradient-brand-secondary) !important;
    border-color: var(--brand-secondary) !important;
}

/* Links */
a,
.text-primary {
    color: var(--brand-primary) !important;
}

a:hover {
    color: var(--brand-primary-dark) !important;
}

/* Cards de estatísticas */
.stat-card.stat-info {
    background: var(--gradient-brand-primary) !important;
}

.stat-card.stat-success {
    background: var(--gradient-brand-secondary) !important;
}

.stat-card.stat-warning {
    background: var(--gradient-brand-accent) !important;
}

/* Badges */
.badge.bg-primary {
    background: var(--brand-primary) !important;
}

.badge.bg-success {
    background: var(--color-success) !important;
}

.badge.bg-warning {
    background: var(--color-warning) !important;
}

/* Text gradient */
.text-gradient-primary {
    background: var(--gradient-brand-primary) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Borders */
.border-primary {
    border-color: var(--brand-primary) !important;
}

/* Focus states */
.form-control:focus,
.form-select:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(44, 82, 130, 0.25) !important;
}

/* Active nav links */
.nav-link.active {
    background: rgba(255, 255, 255, 0.2) !important;
    border-left-color: white !important;
}

/* Selection */
::selection {
    background: var(--brand-primary) !important;
    color: white !important;
}

