/* =============================================================================
   Tema PRETO — preto & dourado metálico
   -----------------------------------------------------------------------------
   Como na referência do Gasques: o CAMPO é carvão e o CARTÃO é preto — o escuro
   fica por dentro, o claro por fora. Antes eram #080808 e #0D0D0D: 5 pontos de
   diferença = borda invisível, o cartão não tinha silhueta.

   Só tokens. A geometria mora no site.css.
   ============================================================================= */
:root[data-theme="preto"]{
  /* ---- Superfícies -------------------------------------------------------- */
  --page-rgb:20,20,22;                  /* campo: carvão (#141416) */
  --bg-rgb:0,0,0;                       /* cartão: preto */
  --page-bg:var(--page);
  --card-bg:var(--bg);
  --sheen:none;                         /* o preto não é metal: sem especular */
  --grain:0;

  /* Vidro escuro (painéis translúcidos) */
  --glass-bg:rgba(248,248,248,.05);
  --glass-bg-2:rgba(248,248,248,.08);
  --glass-border:rgba(248,248,248,.10);
  --glass-blur:blur(14px) saturate(1.15);
  --glass-shadow:0 10px 24px -16px rgba(0,0,0,.9);

  --surface:rgba(248,248,248,.05);
  --surface-2:rgba(248,248,248,.08);
  --hairline:rgba(248,248,248,.12);     /* borda do cartão: precisa ser vista */
  --shadow-card:0 30px 70px -30px rgba(0,0,0,.9);

  /* ---- Texto -------------------------------------------------------------- */
  --text:#F8F8F8;                       /* 20.4:1 sobre o cartão preto */
  --text-2:#C8C8C8;                     /* 12.6:1 */
  --muted:#A0A0A0;                      /*  7.6:1 */
  --muted-2:#686868;                    /*  3.5:1 */

  /* ---- Dourado ------------------------------------------------------------ */
  --gold:#C99F4B;
  --gold-light:#F2D17E;
  --gold-dark:#8A6912;
  --gold-grad:linear-gradient(135deg,#8A6912 0%,#C99F4B 45%,#F2D17E 100%);
  --gold-ring:rgba(201,159,75,.35);
  --gold-glow:rgba(201,159,75,.5);
  --on-gold:#0D0D0D;                    /* 7.9:1 sobre o dourado */

  /* brilho que segue o cursor no CTA: o dourado claro */
  --shine:#F7E3AE;

  /* Selo verificado — dourado metálico (escuro → principal → claro) */
  --seal-a:#8A6912;
  --seal-b:#C99F4B;
  --seal-c:#F2D17E;
  --seal-stroke:#C99F4B;
  --seal-check:#0D0D0D;

  --accent:var(--gold);                 /* destaque de texto: 7.6:1, passa */
  --accent-hover:var(--gold-light);

  /* ---- Estado ------------------------------------------------------------- */
  --ok:#4ade80;
  --err:#f87171;

  /* ---- Foto do hero ------------------------------------------------------- */
  --hero-filter:brightness(.86) contrast(1.03);
}