/* =============================================================================
   Tema ARGILA → AREIA — #967366 -> #CEA69F
   nome-exibido: Argila → Areia
   -----------------------------------------------------------------------------
   GERADO por gera-temas.mjs. Não edite à mão: rode o gerador de novo.

   O FUNDO NÃO MUDA — cartão preto #000000, como no link.me/hillerfit. Este
   arquivo troca só a cor do botão e o que decorre dela.

   Medido na PARADA MAIS HOSTIL da rampa: rótulo escuro dentro do botão dá 4,7:1; a barra
   separa do preto por 4,9:1.
   ============================================================================= */
:root[data-theme="argilaareia"]{
  /* A RAMPA pinta o botão. O --gold abaixo é a média das paradas: ele não
     aparece como preenchimento, mas anel de foco, brilho e as bolinhas do
     seletor precisam de UMA cor, e a média é a mais parecida com o que o
     olho vê à distância. */
  --cta-bg:linear-gradient(180deg,#967366 0%,#BA968F 100%);

  --gold:#A8857B;                 /* Argila → Areia — texto escuro: 4,7:1 (pior parada #967366) */
  --gold-light:#C0A8A1;
  --gold-dark:#986E62;
  --gold-grad:linear-gradient(180deg,#967366 0%,#BA968F 100%);
  --gold-ring:rgba(168,133,123,.55);
  --gold-glow:rgba(168,133,123,.5);
  --on-gold:#050A10;

  /* A barra separa do fundo preto por 4,9:1 — desenha-se sozinha.
     Sem contorno, como a barra chapada do link.me/hillerfit. */
  --gold-border:transparent;

  --shine:#DED6D3;

  /* Cor de TEXTO. NÃO é o --gold: sobre o preto ele dá 4,9:1.
     Esta é a cor clareada até cruzar 4,5:1 no pior fundo (o vidro #0D0E0E). */
  --accent:#A8857B;               /* 5,8:1 no vidro */
  --accent-hover:#B69D95;

  /* Os --seal-* NÃO entram aqui. O selo de verificado é o do
     link.me/hillerfit e tem cor fixa (#C29AFF -> #4062FF, check branco),
     definida uma vez no :root do site.css. Selo é sinal reconhecível,
     não enfeite: recolorido a cada tema, deixaria de dizer o que diz. */
}