/* ============================================================
   BASE.CSS - O Esqueleto do Portfólio 
   ============================================================ */

/* 1. Variáveis Globais */
:root {
    --verde-musgo: #4A5D4E;
    --vermelho-terra: #A64444;
    --bege-papel: #F4F1EA;
    --ocre-suave: #D9B48F;
    --branco: #FFFFFF;
    --preto-opaco: rgba(0, 0, 0, 0.05);
    --shadow-soft: 0 10px 30px rgba(74, 93, 78, 0.08);
    --font-main: 'Nunito', sans-serif;
    --font-title: 'Gaegu', cursive;
}

/* 2. Reset e Comportamentos Globais */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html {
    scroll-behavior: smooth; /* Deixa o scroll suave em links internos */
}

body {
    background-color: var(--bege-papel);
    color: var(--verde-musgo);
    font-family: var(--font-main);
    line-height: 1.6;
    overflow-x: hidden;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Garante que o conteúdo ocupe o espaço para o footer não subir */
main, #project-content {
    flex: 1 0 auto;
}

/* 3. Tipografia Padrão */
h1, h2, h3, h4, .font-handwritten {
    font-family: var(--font-title);
    font-weight: 700; /* Gaegu costuma precisar de peso 700 para leitura */
}

a {
    text-decoration: none;
    color: inherit;
    transition: 0.3s ease;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 4. Utilitários (Layout Base) */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

/* Separador visual que você usa muito */
.line {
    height: 1px;
    background: var(--ocre-suave);
    opacity: 0.4;
    border: none;
}

/* 5. Animações Globais */
.float-anim {
    animation: float 4s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

@keyframes fadeInUp {
    from { 
        opacity: 0; 
        transform: translateY(20px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}