/* ==========================================================================
   CENTRALIZADOR DE ESTILOS - OLIMPÍADAS DA JUVENTUDE 2026
   ========================================================================== */

/* 1. Importação dos Componentes Isolados */
@import url('../components/header/header.css');
@import url('../components/auth/auth.css');
@import url('../components/carousel/carousel.css');
@import url('../components/filters/filters.css');
@import url('../components/modality-cards/modality-cards.css');
@import url('../components/mobile-nav/mobile-nav.css');
@import url('../components/edital/edital.css');
@import url('../components/artigos/artigos.css');
@import url('../components/features/features.css');

/* 2. Teus Estilos Globais (Resets, Cores do Tema, Fontes) */
:root {
    /* --- CORES DE MARCA E DESTAQUE --- */
    --color-primary: #E84D10;
    --color-primary-hover: #C63D08;

    --color-secondary: #168B45;
    --color-secondary-hover: #106A34;

    --color-accent-teal: #00A396;
    --color-accent-orange: #F49822;
    --color-accent-blue: #00508F;

    /* --- CORES NEUTRAS E DE FUNDO --- */
    --color-bg-light: #F8F4EA;
    --color-bg-cream: #EFE7D3;
    --color-surface: #FFFFFF;

    /* --- TIPOGRAFIA E TEXTOS --- */
    --color-text-main: #2B2520;
    --color-text-muted: #6B6259;
    --color-text-light: #FFFFFF;

    /* --- BORDAS E DIVISORES --- */
    --color-border: #E2D9C8;

    --cor-principal: var(--color-primary);
    --cor-fundo: var(--color-bg-light);
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Arial', sans-serif;
    background-color: var(--cor-fundo);
    color: var(--color-text-main);
}

.section {
    padding: 40px 20px;
}

.container {
    max-width: 1100px;
    margin: 0 auto;
}

.duvidas-content {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 8px 24px rgba(43, 37, 32, 0.06);
    color: var(--color-text-main);
}

.duvidas-content h2,
.duvidas-content h3 {
    color: var(--color-secondary);
}

.duvidas-content ul {
    padding-left: 20px;
    line-height: 1.8;
}

.duvidas-content li {
    margin-bottom: 8px;
}