/*
  Tema: o único arquivo do site com valor de cor.
  Os componentes conhecem papéis (fundo, texto, acento…), nunca tintas.
  Para trocar a paleta, edite só aqui. O site tem um tema só, o escuro da marca.
  `python ferramentas/conferir.py` acusa cor escrita fora deste arquivo.

  As três cores são as do logo e do poste de barbeiro: azul, branco e carmim.
*/

/* Meia-noite: azul profundo no lugar do preto, osso no lugar do branco. */
:root {
  color-scheme: dark;
  --fundo: #0a0f21;
  --superficie: #111830;
  --superficie-2: #19213f;
  --superficie-3: #222c52;
  --linha: #232d52;
  --linha-forte: #4d5a8a;

  --texto: #f1ede4;
  --texto-suave: #aeb5cf;
  --texto-apagado: #8791b3;
  --inativo: #5c6690;

  --acento: #cf2f4a;
  --acento-vivo: #e5506a;
  --sobre-acento: #ffffff;
  --foco: #a3b3ff;
  --zap: #15803d;
  --zap-vivo: #1a9a4a;
  --erro: #ff9aac;
  /* Fundo das fotos de produto, que vêm recortadas em branco. */
  --papel-foto: #ffffff;
  --inverso: #f1ede4;
  --sobre-inverso: #0a0f21;

  /* O poste de barbeiro: as três cores do logo. */
  --poste-a: #cf2f4a;
  --poste-b: #f1ede4;
  --poste-c: #2f3fa6;
  --poste-metal: linear-gradient(#f4f5f8, #8d93aa 55%, #cfd2de);
  --poste-luz: linear-gradient(rgba(255, 255, 255, .34), transparent 42%, rgba(0, 0, 0, .3));

  --grao: .06;
  --reflexo: rgba(255, 255, 255, .2);
  --veu: linear-gradient(transparent 45%, rgba(6, 9, 22, .78));
  --sombra-foto: 0 1px 2px rgba(0, 0, 0, .5), 0 24px 48px -24px rgba(0, 0, 0, .9);
  --sombra-bilhete: 0 1px 2px rgba(0, 0, 0, .4), 0 22px 44px -26px rgba(0, 0, 0, .9);

  --aviso-fundo: rgba(207, 47, 74, .12);
  --aviso-linha: rgba(207, 47, 74, .5);
  --ocupado: rgba(241, 237, 228, .05);
  --selecao: rgba(207, 47, 74, .5);
  --barra: #4d5a8a;
  --barra-viva: #6f7cae;
  --barra-trilho: #0d1329;
}