/*
 * Identidade visual do Camp Adega.
 *
 * A paleta é a mesma do site que está no ar (campadega.com.br), copiada do
 * template da loja do v1, onde está marcada como "paleta oficial — idêntica ao
 * design aprovado". Mora aqui num arquivo só para que a loja online, o PDV e a
 * administração não sigam caminhos diferentes com o tempo: quando a marca
 * mudar, muda aqui.
 *
 * Dourado sobre fundo escuro é a leitura do logo (garrafas douradas em círculo
 * preto); creme e marrom vêm do site.
 */

@import url("/static/marca/fontes.228bef103973.css");

:root {
  /* ── Paleta oficial ─────────────────────────────────────────────────── */
  --ca-fundo:            #FAF8F2;  /* creme do site */
  --ca-texto:            #2B2621;  /* marrom escuro */
  --ca-cartao:           #FFFFFF;
  --ca-dourado:          #E8B23D;  /* a cor da marca */
  --ca-dourado-claro:    #F0C368;
  --ca-dourado-escuro:   #C9932A;
  --ca-sobre-dourado:    #241F1A;
  --ca-escuro:           #2A2621;  /* o preto quente do logo */
  --ca-sobre-escuro:     #F0C368;
  --ca-suave:            #F1EEE7;
  --ca-texto-suave:      #7A7166;
  --ca-destaque:         #F3E6C8;
  --ca-sobre-destaque:   #4A3F2E;
  --ca-erro:             #D6432E;
  --ca-borda:            #E3DFD5;

  /* Verde e âmbar de estado: não vêm da marca, mas precisam conviver com ela.
     Escolhidos dessaturados para não competir com o dourado, que é quem deve
     puxar o olho. */
  --ca-ok:               #3E8E5A;
  --ca-atencao:          #B8791C;

  --ca-raio:             0.9rem;
  --ca-raio-menor:       0.5rem;
  --ca-sombra:           0 1px 2px rgba(43, 38, 33, .06),
                         0 8px 24px -12px rgba(43, 38, 33, .18);

  --ca-fonte-titulo:     'Poppins', 'Segoe UI', system-ui, sans-serif;
  --ca-fonte-texto:      'Inter', 'Segoe UI', system-ui, sans-serif;
}

/* ── Marca ──────────────────────────────────────────────────────────────── */

.ca-marca {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: inherit;
}

.ca-marca img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  flex: none;
  /* O logo é um círculo preto com fundo branco no arquivo; o anel esconde a
     quina do JPEG sem precisar reeditar a arte. */
  box-shadow: 0 0 0 1px var(--ca-borda);
}

.ca-marca .ca-nome {
  font-family: var(--ca-fonte-titulo);
  font-weight: 700;
  font-size: 19px;
  letter-spacing: -.01em;
  line-height: 1.1;
}

.ca-marca .ca-assinatura {
  display: block;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ca-texto-suave);
  margin-top: 2px;
}