/* Definicao de cores globais do sistema com base em funcao */
:root {
    /* Cor Principal (Antigo --purple / Roxo) */
    --theme-primary: #6f42c1;
    /* Usado para fundos de secoes, cores principais de botoes, tabelas e links */

    /* Cor Principal em Hover/Foco (Antigo --purple-dark / Roxo Escuro) */
    --theme-primary-hover: #5a32a3;
    /* Usado para botoes ativos, hovers de cards e interacao */

    /* Cor do Fume/Cobertura de Fundo do Site */
    --theme-bg-color: #6f42c1;
    /* Controla o tom do fume/overlay aplicado sobre a imagem de fundo (bg.png) */

    /* Tom Claro de Fundo (Antigo --light-purple / Roxo Claro) */
    --theme-primary-light: #f8f5ff;
    /* Usado para fundos suaves de secoes secundarias e contornos leves */

    /* Cor de Destaque/Chamar Atencao (Antigo --yellow / Amarelo) */
    --theme-accent: #ffc107;
    /* Usado para badges, links de destaque na navbar, botoes CTA secundarios e icones importantes */

    /* Cor de Destaque em Hover (Antigo --yellow-dark / Amarelo Escuro) */
    --theme-accent-hover: #e0ac08;
    /* Usado para estados de hover nos elementos com a cor de destaque */

    /* Cor de Contraste para Textos/Bordas (Antigo --white / Branco) */
    --theme-contrast-light: #ffffff;
    /* Usado para textos sobre fundos escuros, preenchimento de cards e cores brancas puras */

    /* --- Cores de Tipografia (Textos e Titulos) --- */
    --theme-title-color: #222222;
    /* Usado para titulos principais (h1, h2, h3, h4) em secoes claras */
    --theme-body-color: #333333;
    /* Usado para o texto corrido padrao do corpo do site */
    --theme-subtitle-color: #6c757d;
    /* Usado para subtitulos, textos descritivos e informacoes secundarias (text-muted) */
    --theme-text-highlight: #ffc107;
    /* Cor especial de atencao (geralmente mapeada para a cor de destaque) */

    /* --- Tamanhos de Tipografia --- */
    --theme-font-size-title-lg: 3rem;
    /* Titulos de destaque grandes (ex: Hero) */
    --theme-font-size-title-md: 2.5rem;
    /* Titulos de secoes principais (section-title) */
    --theme-font-size-title-sm: 1.5rem;
    /* Titulos de cards e modais */
    --theme-font-size-subtitle: 1.15rem;
    /* Texto lead e subtitulos de secoes */
    --theme-font-size-body: 1rem;
    /* Texto corrido padrao */
    --theme-font-size-small: 0.85rem;
    /* Textos pequenos, legendas e badges */

    /* --- Curvaturas (Arredondamento de Bordas) --- */
    --theme-border-radius-btn: 10px;
    /* Arredondamento para botoes (estilo pilula) */
    --theme-border-radius-card: 20px;
    /* Arredondamento para cards de recursos, precos, contato, etc. */
}