/* =============================================
   PRESENÇA DIGITAL 4 ANOS — CSS VARIABLES
   Sistema de tema dinâmico
   Valores padrão — sobrescritos pelo PHP via <style>
   ============================================= */

:root {
    /* Cores primárias (injetadas pelo PHP) */
    --cor-primaria: #E63946;
    --cor-primaria-hover: #cf2f3c;
    --cor-primaria-texto: #ffffff;
    --cor-primaria-rgb: 230, 57, 70;

    --cor-secundaria: #F4A300;
    --cor-secundaria-hover: #dc9300;
    --cor-secundaria-texto: #1a1a1a;
    --cor-secundaria-rgb: 244, 163, 0;

    /* Cores do tema claro */
    --cor-fundo: #ffffff;
    --cor-fundo-alt: #f8f9fa;
    --cor-texto: #1a1a2e;
    --cor-texto-secundario: #6c757d;
    --cor-superficie: #f5f5f7;
    --cor-superficie-hover: #ebebed;
    --cor-borda: #e0e0e0;
    --cor-borda-leve: #f0f0f0;
    --cor-sombra: rgba(0, 0, 0, 0.08);
    --cor-sombra-forte: rgba(0, 0, 0, 0.15);
    --cor-overlay: rgba(0, 0, 0, 0.5);

    /* Cores semânticas */
    --cor-sucesso: #28a745;
    --cor-sucesso-fundo: #d4edda;
    --cor-erro: #dc3545;
    --cor-erro-fundo: #f8d7da;
    --cor-alerta: #ffc107;
    --cor-alerta-fundo: #fff3cd;
    --cor-info: #17a2b8;
    --cor-info-fundo: #d1ecf1;

    /* Tipografia */
    --fonte-principal: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --fonte-display: 'Outfit', 'Inter', sans-serif;
    --fonte-mono: 'JetBrains Mono', 'Fira Code', monospace;

    --tamanho-xs: clamp(0.7rem, 0.65rem + 0.25vw, 0.75rem);
    --tamanho-sm: clamp(0.8rem, 0.75rem + 0.25vw, 0.875rem);
    --tamanho-base: clamp(0.9rem, 0.85rem + 0.25vw, 1rem);
    --tamanho-md: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
    --tamanho-lg: clamp(1.15rem, 1rem + 0.75vw, 1.35rem);
    --tamanho-xl: clamp(1.4rem, 1.1rem + 1.5vw, 1.875rem);
    --tamanho-2xl: clamp(1.8rem, 1.3rem + 2.5vw, 2.5rem);
    --tamanho-3xl: clamp(2.2rem, 1.5rem + 3.5vw, 3.5rem);

    --peso-normal: 400;
    --peso-medio: 500;
    --peso-semi: 600;
    --peso-bold: 700;
    --peso-extra: 800;

    --altura-linha: 1.6;
    --altura-linha-tight: 1.2;
    --altura-linha-heading: 1.3;

    /* Espaçamento */
    --espaco-2xs: 0.25rem;
    --espaco-xs: 0.5rem;
    --espaco-sm: 0.75rem;
    --espaco-md: 1rem;
    --espaco-lg: 1.5rem;
    --espaco-xl: 2rem;
    --espaco-2xl: 3rem;
    --espaco-3xl: 4rem;
    --espaco-4xl: 6rem;

    /* Bordas */
    --raio-sm: 0.375rem;
    --raio-md: 0.5rem;
    --raio-lg: 0.75rem;
    --raio-xl: 1rem;
    --raio-2xl: 1.5rem;
    --raio-full: 50%;
    --raio-pill: 9999px;

    /* Sombras */
    --sombra-sm: 0 1px 2px var(--cor-sombra);
    --sombra-md: 0 4px 6px -1px var(--cor-sombra), 0 2px 4px -2px var(--cor-sombra);
    --sombra-lg: 0 10px 15px -3px var(--cor-sombra), 0 4px 6px -4px var(--cor-sombra);
    --sombra-xl: 0 20px 25px -5px var(--cor-sombra-forte), 0 8px 10px -6px var(--cor-sombra);
    --sombra-interior: inset 0 2px 4px var(--cor-sombra);

    /* Transições */
    --transicao-rapida: 150ms ease;
    --transicao-normal: 250ms ease;
    --transicao-lenta: 350ms ease;
    --transicao-mola: 400ms cubic-bezier(0.34, 1.56, 0.64, 1);

    /* Z-index */
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-fixed: 300;
    --z-overlay: 400;
    --z-modal: 500;
    --z-popover: 600;
    --z-toast: 700;
    --z-fab: 800;

    /* Layout */
    --largura-max: 1280px;
    --largura-conteudo: 1080px;
    --largura-estreita: 720px;
    --padding-container: clamp(1rem, 3vw, 2rem);

    /* Safe area (para iPhone notch) */
    --safe-area-top: env(safe-area-inset-top, 0px);
    --safe-area-bottom: env(safe-area-inset-bottom, 0px);
    --safe-area-left: env(safe-area-inset-left, 0px);
    --safe-area-right: env(safe-area-inset-right, 0px);
}

/* =============================================
   Tema escuro
   ============================================= */
[data-theme="dark"] {
    --cor-fundo: #0d1117;
    --cor-fundo-alt: #161b22;
    --cor-texto: #e6edf3;
    --cor-texto-secundario: #8b949e;
    --cor-superficie: #1c2128;
    --cor-superficie-hover: #262c36;
    --cor-borda: #30363d;
    --cor-borda-leve: #21262d;
    --cor-sombra: rgba(0, 0, 0, 0.3);
    --cor-sombra-forte: rgba(0, 0, 0, 0.5);
    --cor-overlay: rgba(0, 0, 0, 0.7);

    --cor-sucesso-fundo: #1a3a2a;
    --cor-erro-fundo: #3a1a1a;
    --cor-alerta-fundo: #3a3a1a;
    --cor-info-fundo: #1a2a3a;
}