/* Toque de Amber — tokens de marca (fonte de verdade: brand/DESIGN.md).
   Uma folha só, importada por index.html, produto.html, admin.html, checkout.html,
   sucesso.html e cancelado.html, para nenhum ficheiro voltar a inventar cor.
   Nunca redefinir estes valores fora daqui. */

:root {
  /* paleta de marca, hex exatos do PDF de identidade */
  --amber-espresso: #593323;
  --amber-ambar: #A9631C;   /* acento primário */
  --amber-mel: #D29537;     /* acento secundário, hover quente */
  --amber-camel: #B78155;   /* bordas, ícones em estado calmo */
  --amber-areia: #E7D0B2;   /* superfície clara sobre marfim */
  --amber-marfim: #F8F0E6;  /* fundo do tema claro */
  --amber-carvao: #240F0A;  /* fundo do tema escuro */
  --amber-linha-clara: #DECCB8;

  /* ---- neutros verdadeiros (direcção de arte, 04/09/2026) ----
     O sistema tinha as 8 cores da marca todas entre 12 e 36 graus de matiz e
     nenhum neutro. Tudo o que era estrutura (texto, bordas, sombras) estava
     tingido de âmbar, e por isso competia com a fotografia do produto.
     Estes cinco neutros ficam a cerca de 10% de saturação: continuam quentes,
     mas deixam de ser âmbar. Ver design system/toque-de-amber/DESIGN.md. */
  --amber-ink: #2B2622;        /* texto principal */
  --amber-ink-muted: #6E655D;  /* texto secundário */
  --amber-ink-soft: #A0968C;   /* rótulos, metadados */
  --amber-hairline: #E0D7CB;   /* filetes e bordas */
  --amber-danger: #B3261E;

  /* semântica, tema claro (default)
     Fundo branco puro por pedido directo do dono da marca e da designer
     em reunião (04/09 e 09/09/2026): "o site tem que ser branco", o
     marfim/creme lia como marrom. --amber-marfim continua a existir como
     token de texto claro sobre fundo escuro (hero, rodapé, cartão). */
  --amber-bg: #FFFFFF;
  --amber-surface: #ffffff;
  /* também branco: só é usado como fundo de secção inteira
     (.bg-background-secondary, ex. "As marcas que trabalhamos"), e o
     pedido foi branco em todas as secções, sem excepção. */
  --amber-surface-2: #FFFFFF;
  --amber-surface-3: var(--amber-linha-clara);
  --amber-text: var(--amber-ink);
  --amber-text-strong: var(--amber-espresso);  /* títulos e marca */
  --amber-text-muted: var(--amber-ink-muted);
  --amber-text-soft: var(--amber-ink-soft);
  --amber-accent: var(--amber-ambar);
  --amber-accent-hover: var(--amber-mel);
  --amber-border: var(--amber-hairline);
  --amber-border-soft: var(--amber-hairline);
  --amber-on-accent: #ffffff;
}

/* O site deixou de seguir o "modo escuro" do sistema operativo do
   visitante. Antes, quem tivesse o Windows/telemóvel em modo escuro via
   o site inteiro a virar Carvão sem pedir — foi exactamente isto que
   aconteceu na reunião de 09/09/2026 e gerou a instrução "o site tem
   que ser branco, sempre". Um site de marca não é uma ferramenta: a
   aparência é a mesma para toda a gente, independente do tema do
   sistema. O bloco [data-theme="dark"] abaixo fica pronto para o dia em
   que exista um botão de alternar tema dentro do próprio site — hoje
   nada activa esse selector, por isso está inofensivo. */

:root[data-theme="dark"] {
  --amber-bg: var(--amber-carvao);
  --amber-surface: color-mix(in srgb, var(--amber-carvao) 82%, var(--amber-espresso) 18%);
  --amber-surface-2: color-mix(in srgb, var(--amber-carvao) 70%, var(--amber-espresso) 30%);
  --amber-surface-3: color-mix(in srgb, var(--amber-carvao) 58%, var(--amber-espresso) 42%);
  --amber-text: var(--amber-marfim);
  --amber-text-muted: #B5ADA5;
  --amber-text-soft: #8B837B;
  --amber-accent: var(--amber-mel);
  --amber-accent-hover: var(--amber-ambar);
  --amber-border: var(--amber-camel);
  --amber-border-soft: color-mix(in srgb, var(--amber-marfim) 18%, transparent);
  --amber-on-accent: var(--amber-carvao);
}