/* Importa estilos base */
@import url('base.css');

/* Importa estilos de componentes */
@import url('components/_header.css');
@import url('components/_nav-menu.css');
@import url('components/_footer.css');
@import url('components/_button.css');
@import url('components/_section-base.css');
@import url('components/_title.css');
@import url('components/_cookie-banner.css');

/* Importa estilos de páginas específicas (opcional) */
@import url('pages/_index-logo-wrapper.css');
@import url('pages/_index-thematic-lines-section.css');
@import url('pages/_index-icons-section.css');
@import url('pages/_about-us.css');
@import url('pages/_research-highlights.css');
@import url('pages/_thematic-lines-food.css');
@import url('pages/_team-section.css');
@import url('pages/_projects-section.css');
@import url('pages/_project-detail.css');
@import url('pages/_publications.css');
@import url('pages/_terms.css');

/* Variáveis CSS - Definidas para o projeto inteiro */
:root {
    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    --primary-color: #2491D0;
    --background-color: #f0f4f8;
    --section-two-background-color:#f5f5f5;
    --text-color: #333;
    --text-subtitle: #113f5c;
    --text-muted: #6c757d;
    --line-subtitle: #f39d0e;
    --brand-teal: #113f5c;
    --brand-green: #7daf2c;
    --brand-blue: #4361ee;
    --brand-orange: #f7a072;
    --accent: #0077cc;
    --accent-dark: #0a2c5f;
    --muted: #dddcdc;
    --icon-color: #7daf2c;  

    /* variáveis para tamanhos de telas diferentes */
    --padding-section-mobile: 40px;
    --padding-section-tablet: 60px;
    --padding-section-desktop: 80px;

    /* variáveis para tamanho do título */
    --h1-font-size-mobile: 1.9rem;
    --h1-font-size-tablet: 2.3rem;
    --h1-font-size-desktop: 2.8rem;

    /* Variáveis para o tamanho da primeira seção de cada página */
    --section-height-mobile: 300px;
    --section-height-tablet: 400px;
    --section-height-desktop: 500px;

    --side-mobile: 1.25rem;
    --side-tablet: 1.75rem;
    --side-desktop: 2rem;
    --p-font-size-mobile: 1rem;
    --p-font-size-tablet: 1.1rem;
    --p-font-size-desktop: 1.15rem;
 
}