/* =========================
   VARIÁVEIS DE CORES DO PROJETO
   Arquivo: variaveis.css
   Descrição: Define cores principais do tema para uso em todo o site
   Uso: Este arquivo deve ser importado antes dos outros CSS
 ========================= */

:root {
  /* =========================
     CORES DO TEMA
     Cores principais do site (Padaria Mania - tons de pão/doces)
  ========================= */
  
  /* Fundo gradiente */
  --cor-fundo-gradiente-topo: #d4a574;      /* Topo do gradiente (dourado claro - pão) */
  --cor-fundo-gradiente-meio: #c9956a;      /* Meio do gradiente (dourado médio) */
  --cor-fundo-gradiente-baixo: #b8824d;     /* Baixo do gradiente (dourado escuro - crosta) */
  
  /* Card normal */
  --cor-card-fundo: rgba(255, 248, 240, 0.88);  /* Fundo creme/pão do card */
  --cor-card-borda: rgba(180, 140, 100, 0.25);  /* Borda marrom semi-transparente */
  --cor-card-hover: rgba(255, 252, 245, 0.95); /* Fundo ao passar mouse/clicar */
  --cor-card-texto: #3d2817;                     /* Cor marrom escuro do texto */
  
  /* Card DM Dev */
  --cor-dmdev-fundo-inicio: #000000;         /* Início do gradiente (preto) */
  --cor-dmdev-fundo-fim: #3d1268;           /* Fim do gradiente (roxo) */
  --cor-dmdev-texto: #ffffff;                /* Texto branco */
  --cor-dmdev-subtitulo: rgba(255, 255, 255, 0.85); /* Subtítulo com opacidade */
    
  /* Botão voltar */
  --cor-voltar-fundo: rgba(255, 248, 240, 0.6);  /* Fundo translúcido */
  --cor-voltar-fundo-hover: rgba(255, 252, 245, 0.9); /* Fundo no hover */
  
  /* Texto e títulos */
  --cor-texto-principal: #3d2817;            /* Cor marrom escuro principal */
  --cor-texto-secundario: #5a3d28;           /* Cor marrom escuro para subtítulos */
  
  /* Preço na loja */
  --cor-preco: #b8824d;                      /* Cor dourada do preço */
  
  /* Sombra e efeitos */
  --cor-sombra-fraca: rgba(0, 0, 0, 0.10);  /* Sombra suave */
  --cor-sombra-forte: rgba(0, 0, 0, 0.16);   /* Sombra intensa */
  
  /* Scrollbar */
  --cor-scrollbar-track: #d4a574;           /* Trilho do scroll */
  --cor-scrollbar-thumb: #b8824d;            /* Botão do scroll */
}