:root {
    /* Cores Principais - Extraídas da Logo */
    --background: #FFFFFF !important;
    --foreground: #0A0A08 !important; /* Quase preto, vindo das listras */
    --primary: #F7B526 !important;    /* O amarelo vibrante do corpo */
    --primary-foreground: #0A0A08 !important;

    /* Cores de Componentes */
    --card: #FFFFFF !important;
    --card-foreground: #0A0A08 !important;
    --popover: #FFFFFF !important;
    --popover-foreground: #0A0A08 !important;
    
    /* Secundário, Muted e Acento */
    --secondary: #F4F4F2 !important;
    --secondary-foreground: #433316 !important; /* Marrom escuro da logo */
    --muted: #F1F1EF !important;
    --muted-foreground: #736B5E !important;
    --accent: #FEF3C7 !important;    /* Amarelo suave para hovers */
    --accent-foreground: #854D0E !important; /* Tom de bronze */
    
    /* Feedback e Contorno */
    --destructive: #B91C1C !important;
    --border: #E5E5E1 !important;
    --input: #E5E5E1 !important;
    --ring: #F7B526 !important;

    /* Outros */
    --sidebar-primary: #F7B526 !important;
}

.dark {
    /* Cores Principais - Dark Mode baseado no favo escuro */
    --background: #0A0A08 !important;
    --foreground: #F7B526 !important; /* Texto em amarelo para destaque */
    --primary: #F7B526 !important;
    --primary-foreground: #0A0A08 !important;

    /* Cores de Componentes */
    --card: #181816 !important;
    --card-foreground: #F2F2F2 !important;
    --popover: #181816 !important;
    --popover-foreground: #F2F2F2 !important;
    
    /* Secundário, Muted e Acento */
    --secondary: #2B2B24 !important;
    --secondary-foreground: #F7B526 !important;
    --muted: #2B2B24 !important;
    --muted-foreground: #A1A19A !important;
    --accent: #F7B526 !important;
    --accent-foreground: #0A0A08 !important;
    
    /* Feedback e Contorno */
    --destructive: #7F1D1D !important;
    --border: #2B2B24 !important;
    --input: #2B2B24 !important;
    --ring: #F7B526 !important;
}