/* ============================================================ assets/css/main.css — MeuPet ETAP+ ============================================================ Arquivo CSS ÚNICO do projeto. Todas as páginas carregam este arquivo. Seletores de uma seção não afetam outras páginas — o browser simplesmente ignora seletores sem correspondência. Direção visual (PLANO seção 3): amigável, arredondado, leve — o oposto do dark/tech do Tappy+. Cantos generosos, sombras suaves, patinhas como elemento decorativo. SEÇÕES: 1. Fontes (Baloo 2 + Nunito) 2. Reset global e variáveis CSS 3. Componentes compartilhados (botões, cards, forms) 4. Página pública — pet.php 5. Login e onboarding — painel.php 6. Painel do tutor — painel.php 7. Painel administrativo — admin/index.php 8. Responsivo (breakpoints 720px e 560px) 9. Impressão dos cartões do lote ============================================================ */ /* ── 1. FONTES ─────────────────────────────────────────────── - Baloo 2: títulos — arredondada, calorosa - Nunito: corpo de texto */ @import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@300;400;600;700&display=swap'); /* ── 2. RESET GLOBAL E VARIÁVEIS CSS ──────────────────────── As variáveis abaixo definem o tema "Caramelo" (padrão) como fallback. pet.php sobrescreve --bg, --accent, --text e --text2 via