/* Espaço de Beleza Mariany Vieira (spec 2026-09-29 §3.3): creme e dourado, como o espaço dela.
   O dourado nunca é texto sobre o creme; como texto, usa --cor-champagne-texto.
   Contraste WCAG conferido (mínimo 4,5): --cor-texto-3 e --cor-champagne-texto foram escurecidos
   em relação ao rascunho do plano (#76675A e #8A6A1F) para passar sobre --cor-superficie-2 e
   --cor-champagne-suave.

   Como o logo e os ícones foram gerados (repetir quando chegar o logo original, ajustando as
   áreas, que são x,y,largura,altura sobre a imagem de 1600 px):
     php scripts/recortar_logo.php database/implantar/mariany-vieira/origem/logo-fundo-preto.jpg \
       assets/marcas/mariany-vieira/logo.png --area=195,668,1250,222 --por=cor --de=20 --ate=55 \
       --cor=#80621C --altura=176
     php scripts/recortar_logo.php database/implantar/mariany-vieira/origem/logo-fundo-preto.jpg \
       <rosto.png> --area=1240,318,210,245 --por=cor --de=20 --ate=55 --apagar=1352,531,40,45 \
       --cor=#B8913C --altura=512
     php scripts/gerar_icones_app.php mariany-vieira --imagem=<rosto.png> --fundo=#FDFAF4
   --por=cor separa pela saturação: o cetim preto é cinza, o dourado não. --apagar tira o
   arabesco que sai de baixo do cabelo. */
:root {
  --cor-fundo: #FDFAF4;
  --cor-superficie: #F6F0E4;
  --cor-superficie-2: #EFE6D4;
  --cor-linha: #ECE2CF;
  --cor-linha-forte: #DCCDB0;

  --cor-texto: #2A2118;
  --cor-texto-2: #54463A;
  --cor-texto-3: #716256;
  --cor-texto-desabilitado: #9A8C7E;
  --cor-desabilitado-fraco: #B5A898;

  --cor-champagne: #C9A24B;
  --cor-champagne-hover: #B8913C;
  --cor-champagne-suave: #F3EAD3;
  --cor-champagne-texto: #80621C;

  --cor-ilustracao-vazia: #CDBB94;

  --sombra-1: 0 1px 2px rgba(42, 33, 24, .04), 0 2px 8px rgba(42, 33, 24, .04);
  --sombra-2: 0 12px 32px rgba(42, 33, 24, .10);

  --cor-foco-anel: rgba(42, 33, 24, .08);
  --cor-painel-fundo-escuro: rgba(42, 33, 24, .36);
  --cor-nav-fundo: rgba(253, 250, 244, .96);
}