/* 
 * Arquivo de estilos fixos para a landing page do Studio Corpo
 * Este arquivo contém todas as variáveis de cores para os diferentes temas
 * Deve ser carregado ANTES do arquivo styles.css
 */

/* Estilos Globais */
:root {
    /* Variáveis do tema claro (padrão) */
    --primary-color: #000000;
    --secondary-color: #7F13D3;
    --accent-color: #000000;
    --text-color: #333333;
    --light-text: #ffffff;
    --dark-bg: #1A1A1A;
    --light-bg: #ffffff;
    --gray-bg: #e9e9e9;
    --card-bg: #ffffff;
    --header-bg: #ffffff;
    --header-scrolled-bg: rgba(255, 255, 255, 0.95);
    --hero-bg: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);
    --footer-bg: #000000;
    --footer-text: #ffffff;
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
}

/* 
 * Variáveis do tema escuro 
 * Aplicadas quando o elemento html tem o atributo data-theme="dark"
 */
[data-theme="dark"] {
    --primary-color: #000000;
    --secondary-color: #7F13D3;
    --accent-color: #000000;
    --text-color: #ffffff;
    --light-text: #ffffff;
    --dark-bg: #121212;
    --light-bg: #1a1a1a;
    --gray-bg: #2D2D2D;
    --card-bg: #2d2d2d;
    --header-bg: #2d2d2d;
    --header-scrolled-bg: rgba(45, 45, 45, 0.95);
    --hero-bg: linear-gradient(135deg, #1E1E1E 0%, #2D2D2D 100%);
    --footer-bg: #1a1a1a;
    --footer-text: #ffffff;
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

/* 
 * Preferência do sistema para modo escuro 
 * Aplicado automaticamente quando o sistema do usuário está configurado para modo escuro
 * e o usuário não escolheu explicitamente o tema claro
 */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --primary-color: #FFFFFF;
        --secondary-color: #7F13D3;
        --accent-color: #000000;
        --text-color: #ffffff;
        --light-text: #000000;
        --dark-bg: #121212;
        --light-bg: #1a1a1a;
        --gray-bg: #2D2D2D;
        --card-bg: #2d2d2d;
        --header-bg: #2d2d2d;
        --header-scrolled-bg: rgba(45, 45, 45, 0.95);
        --hero-bg: linear-gradient(135deg, #1E1E1E 0%, #2D2D2D 100%);
        --footer-bg: #000000;
        --footer-text: #ffffff;
        --shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    }
}

/* Variáveis de cores para modo de alto contraste */
.high-contrast {
    --primary-color: #000000;
    --secondary-color: #7F13D3;
    --accent-color: #000000;
    --text-color: #000000;
    --light-text: #ffffff;
    --light-bg: #ffffff;
    --card-bg: #ffffff;
    --header-bg: #ffffff;
    --header-scrolled-bg: #ffffff;
    --footer-bg: #7F13D3;
    --footer-text: #ffffff;
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}