/* assets/css/style.css */

/* Variáveis de Tema (Light e transições) */
:root {
    --bg-color: #ffffff;
    --text-color: #212529;
    --hero-bg: #f8f9fa;
    --alternate-bg: #f1f3f5;
    --card-bg: #ffffff;
    --border-color: #dee2e6;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Variáveis do Modo Escuro */
body.dark-mode {
    --bg-color: #121212;
    --text-color: #e0e0e0;
    --hero-bg: #1e1e1e;
    --alternate-bg: #1a1a1a;
    --card-bg: #242424;
    --border-color: #333333;
}

body { 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    background-color: var(--bg-color);
    color: var(--text-color);
    
    /* Bloqueia a seleção de texto */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Padrão */
}

/* Transições em elementos gerais para suavidade no dark mode */
h1, h2, h3, h4, h5, h6, p, li, strong {
    color: var(--text-color) !important;
    transition: color 0.3s ease;
}

.text-muted {
    color: #6c757d !important;
}
body.dark-mode .text-muted {
    color: #a0a0a0 !important;
}

.hero-section { 
    background-color: var(--hero-bg); 
    padding: 80px 0; 
    transition: background-color 0.3s ease;
}

.cta-btn { 
    font-weight: bold; 
    padding: 12px 24px; 
    border-radius: 8px; 
}

.section-padding { 
    padding: 80px 0; 
}

.alternate-bg { 
    background-color: var(--alternate-bg); 
    transition: background-color 0.3s ease;
}

.icon-box i { 
    font-size: 2.5rem; 
    color: #0d6efd; 
}

/* Cards de Funcionalidades e Portfólio */
.feature-card, .portfolio-card {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

.portfolio-card:hover, .feature-card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.2)!important; 
}

.check-list i { 
    color: #198754; 
    margin-right: 8px; 
}

/* Seção do Currículo */
.cv-box {
    background-color: var(--card-bg);
    border-color: var(--border-color) !important;
    transition: background-color 0.3s ease;
}

/* Ajustes Específicos do Dark Mode para ícones e botões */
body.dark-mode .highlight-box {
    background-color: #0b5ed7 !important; /* Azul um pouco mais escuro para contraste */
}

body.dark-mode .badge-dark-custom {
    background-color: #333333 !important;
}

body.dark-mode .cta-section {
    background-color: #0d6efd !important;
}

body.dark-mode .footer-section {
    background-color: #0a0a0a !important;
}

/* Imagens */
.profile-img {
    border: 4px solid var(--border-color);
}

.footer-section p, 
.footer-section small {
    color: #ffffff !important;
}