/*
Theme Name: Guardiões da Fauna Oficial
Theme URI: https://guardioesdafauna.com.br
Author: Google Antigravity & Equipe Guardiões da Fauna
Author URI: https://guardioesdafauna.com.br
Description: Tema oficial do universo transmídia Guardiões da Fauna. Inclui HUD vetorial suspenso dinâmico à esquerda com cards de pré-visualização, cabeçalho responsivo com categorização Free/PRO para mangás e tirinhas, alternador Dia/Noite, seletor multi-idiomas (PT-BR, EN, ES, JA), suporte a banners 16:9, e rodapé completo pronto para aprovação no Google AdSense.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: guardioes-da-fauna
*/

:root {
    /* Paleta Padrão: Modo Noite (Floresta Ancestral Mística) */
    --gdf-bg-main: #060e09;
    --gdf-bg-surface: #0c1a12;
    --gdf-bg-card: #102419;
    --gdf-bg-card-hover: #163223;
    --gdf-border-subtle: rgba(16, 185, 129, 0.2);
    --gdf-border-glow: #10b981;
    --gdf-glow-shadow: 0 0 20px rgba(16, 185, 129, 0.25);
    --gdf-gold: #f59e0b;
    --gdf-gold-glow: 0 0 15px rgba(245, 158, 11, 0.35);
    --gdf-text-main: #f0fdf4;
    --gdf-text-muted: #94a3b8;
    --gdf-text-heading: #ffffff;
    --gdf-pro-badge: linear-gradient(135deg, #f59e0b, #d97706);
    --gdf-free-badge: linear-gradient(135deg, #10b981, #059669);
    --gdf-header-bg: rgba(6, 14, 9, 0.88);
    --gdf-hud-bg: rgba(12, 26, 18, 0.94);
    --gdf-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="light"] {
    /* Paleta Modo Dia (Luz Solar sobre a Mata Atlântica) */
    --gdf-bg-main: #f5f8f5;
    --gdf-bg-surface: #ffffff;
    --gdf-bg-card: #eaf1ea;
    --gdf-bg-card-hover: #dfeadf;
    --gdf-border-subtle: rgba(5, 150, 105, 0.25);
    --gdf-border-glow: #059669;
    --gdf-glow-shadow: 0 4px 15px rgba(5, 150, 105, 0.15);
    --gdf-gold: #d97706;
    --gdf-gold-glow: 0 2px 10px rgba(217, 119, 6, 0.25);
    --gdf-text-main: #132418;
    --gdf-text-muted: #4b6352;
    --gdf-text-heading: #071c0f;
    --gdf-pro-badge: linear-gradient(135deg, #d97706, #b45309);
    --gdf-free-badge: linear-gradient(135deg, #059669, #047857);
    --gdf-header-bg: rgba(245, 248, 245, 0.92);
    --gdf-hud-bg: rgba(255, 255, 255, 0.97);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--gdf-bg-main);
    color: var(--gdf-text-main);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
    transition: var(--gdf-transition);
}

a {
    color: var(--gdf-border-glow);
    text-decoration: none;
    transition: var(--gdf-transition);
}

a:hover {
    color: var(--gdf-gold);
    text-shadow: var(--gdf-gold-glow);
}

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