/* Cores e estilos baseados nas novas imagens (fundo claro) */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f8f8;
    /* Um branco muito suave */
    color: #333333;
    /* Texto principal em cinza escuro */
}

/* Estilos para cards de projeto */
.project-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    background-color: #ffffff;
    border-radius: 0.75rem;
    /* rounded-lg */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    /* Sombra suave */
    border: 1px solid #eeeeee;
    /* Borda bem clara */
}

.project-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    /* Sombra mais pronunciada no hover */
    border-color: #dddddd;
    /* Borda ligeiramente mais escura no hover */
}

/* Estilos para o botão Download CV (Main button) */
.btn-download-cv {
    background-color: #ffffff;
    color: #333333;
    /* Texto preto */
    border: 1px solid #333333;
    /* Borda preta */
    font-weight: 600;
    /* semibold */
    padding: 0.75rem 2rem;
    border-radius: 9999px;
    /* rounded-full */
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* Sombra sutil */
}

.btn-download-cv:hover {
    background-color: #f0f0f0;
    /* Fundo cinza claro no hover */
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Estilos para o botão Contato (Secondary button) */
.btn-contact-info {
    background-color: #333333;
    /* Fundo preto */
    color: #ffffff;
    /* Texto branco */
    font-weight: 600;
    /* semibold */
    padding: 0.75rem 2rem;
    border-radius: 9999px;
    /* rounded-full */
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-contact-info:hover {
    background-color: #555555;
    /* Fundo cinza escuro no hover */
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Estilos para botões secundários (GitHub / Demo Ao Vivo nos Projetos e Contato Email/LinkedIn) */
.btn-secondary {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #cccccc;
    font-weight: 500;
    padding: 0.5rem 1.5rem;
    border-radius: 0.5rem;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.btn-secondary:hover {
    background-color: #f0f0f0;
    border-color: #aaaaaa;
    color: #000000;
}

/* Estilos específicos para os botões de projeto (GitHub / Demo Ao Vivo) */
.btn-project-secondary {
    background-color: #ffffff;
    /* Fundo branco */
    color: #333333;
    /* Texto preto */
    border: 1px solid #cccccc;
    /* Borda cinza clara */
    font-weight: 500;
    padding: 0.5rem 1.5rem;
    border-radius: 0.5rem;
    /* rounded-lg */
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    /* Sombra leve */
}

.btn-project-secondary:hover {
    background-color: #f0f0f0;
    /* Fundo cinza claro no hover */
    border-color: #aaaaaa;
    /* Borda ligeiramente mais escura */
    color: #000000;
    /* Texto mais escuro */
}


/* Estilos para as caixas de Habilidades/Experiência */
.skill-box {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 0.75rem;
    /* rounded-lg */
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.skill-level-text {
    color: #666666;
    /* Cor para "Experienced", "Basic", etc. */
    font-size: 0.875rem;
    /* text-sm */
}