/* CSS Variables - Design Tokens - Efeito 5-HT */
:root {
    /* Cores Primárias do Site Original */
    --cor-primaria: #6E2B8A;          /* Roxo escuro principal */
    --cor-secundaria: #CE57FF;         /* Roxo claro/magenta */
    --cor-acento: #F8C541;             /* Amarelo */
    --cor-destaque: #CE57FF;           /* Roxo claro para destaques */
    
    /* Cores de Texto */
    --cor-texto: #2E2C2C;              /* Texto principal escuro */
    --cor-texto-claro: #5a5a5a;        /* Texto secundário */
    --cor-texto-medio: #3d3d3d;        /* Texto intermediário */
    
    /* Cores de Fundo */
    --cor-fundo: #FFFFFF;              /* Fundo principal branco */
    --cor-fundo-secundario: #2E2C2C;   /* Fundo escuro */
    --cor-branco: #FFFFFF;             /* Branco puro */
    --cor-overlay: rgba(110, 43, 138, 0.95);
    --cor-overlay-escuro: #2E2C2C;     /* Escuro para gradientes */
    
    /* Cores com Transparência */
    --cor-primaria-10: rgba(110, 43, 138, 0.1);
    --cor-primaria-05: rgba(110, 43, 138, 0.05);
    --cor-secundaria-10: rgba(206, 87, 255, 0.1);
    --cor-secundaria-05: rgba(206, 87, 255, 0.05);
    --cor-acento-10: rgba(248, 197, 65, 0.1);
    --cor-acento-20: rgba(248, 197, 65, 0.2);
    --cor-branco-10: rgba(255, 255, 255, 0.1);
    --cor-branco-15: rgba(255, 255, 255, 0.15);
    --cor-branco-20: rgba(255, 255, 255, 0.2);
    --cor-branco-80: rgba(255, 255, 255, 0.8);
    
    /* Tipografia - Hierarquia do Manual da Marca */
    --fonte-cabecalho: 'Visby', sans-serif;           /* h1, h2, h3 */
    --fonte-subcabecalho: 'GFS Artemisia', serif;     /* h4, h5, h6, subtítulos */
    --fonte-corpo: 'Mont', sans-serif;                /* Parágrafos, textos gerais */
    --fonte-botoes: 'Mont', sans-serif;               /* Botões e CTAs */
    
    /* Tamanhos de Fonte */
    --fonte-hero-titulo: 4.5rem;
    --fonte-titulo-grande: 3.5rem;
    --fonte-titulo-medio: 2.5rem;
    --fonte-titulo-pequeno: 2rem;
    --fonte-subtitulo-grande: 1.8rem;
    --fonte-subtitulo-medio: 1.6rem;
    --fonte-subtitulo-pequeno: 1.4rem;
    --fonte-corpo-grande: 1.3rem;
    --fonte-corpo-medio: 1.15rem;
    --fonte-corpo-normal: 1.1rem;
    --fonte-corpo-pequeno: 0.95rem;
    
    /* Pesos de Fonte */
    --peso-leve: 300;
    --peso-normal: 400;
    --peso-medio: 500;
    --peso-semibold: 600;
    --peso-bold: 700;
    
    /* Line Heights */
    --line-height-compacto: 1.1;
    --line-height-titulo: 1.2;
    --line-height-normal: 1.7;
    --line-height-relaxado: 1.8;
    
    /* Sombras */
    --sombra-suave: 0 2px 12px rgba(0, 0, 0, 0.06);
    --sombra-media: 0 4px 24px rgba(0, 0, 0, 0.08);
    --sombra-forte: 0 8px 40px rgba(0, 0, 0, 0.12);
    --sombra-hover-card: 0 12px 48px rgba(0, 0, 0, 0.15);
    --sombra-destaque: 0 8px 30px rgba(236, 243, 158, 0.4);
    --sombra-destaque-hover: 0 12px 40px rgba(236, 243, 158, 0.5);
    
    /* Espaçamentos */
    --espacamento-xs: 0.5rem;      /* 8px - espaçamentos mínimos */
    --espacamento-sm: 1rem;        /* 16px - gaps pequenos */
    --espacamento-md: 1.5rem;      /* 24px - espaçamentos médios */
    --espacamento-lg: 2rem;        /* 32px - gaps entre elementos */
    --espacamento-xl: 3rem;        /* 48px - espaçamentos grandes */
    --espacamento-2xl: 4rem;       /* 64px - gaps entre steps/seções internas */
    --espacamento-3xl: 5rem;       /* 80px - margens de seção header */
    --espacamento-4xl: 8rem;       /* 128px - padding vertical de seções */
    
    /* Espaçamentos de Componentes */
    --padding-card-pequeno: 2rem;  /* Cards menores */
    --padding-card-medio: 2.5rem;  /* Cards médios */
    --padding-card-grande: 3rem;   /* Cards grandes */
    --gap-grid-pequeno: 1.5rem;    /* Grids compactos */
    --gap-grid-medio: 2rem;        /* Grids padrão */
    --gap-grid-grande: 2.5rem;     /* Grids espaçosos */
    
    /* Border Radius */
    --radius-pequeno: 12px;
    --radius-medio: 16px;
    --radius-grande: 20px;
    --radius-pill: 50px;
    
    /* Transições */
    --transicao-rapida: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transicao-padrao: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transicao-lenta: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}