/* =============================================================================
   TEMA: BRONZE  —  bronze envelhecido / peltre escuro / taupe profundo
   -----------------------------------------------------------------------------
   Ponte entre a referência HWPO (taupe claro #A39A8F, matiz ~33°) e o desejo de
   um fundo escuro: mesma família quente, rebaixada em luminância (L* ~20).

   O metal NÃO é cor chapada. Ele é feito de 3 camadas:
     1) corpo   — gradiente vertical com faixas longas e suaves (reflexo do metal)
     2) grão    — micro-granulação (metal escovado), embutida no próprio --card-bg
                  porque no celular o cartão cobre o body::after
     3) reflexo — --sheen fixo (aparece nas margens do desktop) + --grain no body

   REGRA DE OURO deste tema: o --card-bg NÃO varia na horizontal. A base da foto
   do hero é pintada com uma faixa CHAPADA de rgb(--bg-rgb); qualquer variação
   lateral do cartão criaria uma costura visível ali. Toda a variação é vertical
   e lenta o bastante para o fade fechar sem linha dura.
   ========================================================================== */
:root[data-theme="bronze"]{

  /* ---- Superfícies (o metal) ---------------------------------------------- */
  /* Cor real do cartão na altura em que a foto do hero termina (~420px):
     o gradiente abaixo é constante em #35302A entre 380px e 470px. */
  --bg-rgb:53,48,42;                    /* #35302A */
  --page-rgb:40,36,30;                  /* #28241E */

  /* Página (visível nas margens do desktop e sob o rodapé fixo).
     background-attachment:fixed já vem do site.css → o metal não "rola". */
  --page-bg:
    linear-gradient(180deg,
      #3A342C 0%,
      #2E2923 46%,
      #221F1A 100%);

  /* Corpo do metal do cartão: faixas verticais longas (reflexo).
     Stops em PX (não %) para o fade do hero fechar sempre na mesma cor,
     independentemente da altura do cartão.
     A GRANULAÇÃO NÃO ENTRA AQUI: ela é o body::after, por cima de tudo. Dentro
     do --card-bg ela clareava o cartão ~4 pontos e criava emenda na base da foto. */
  --card-bg:
    linear-gradient(180deg,
      #3C362E 0px,
      #383229 210px,
      #35302A 380px,
      #35302A 470px,
      #302B25 790px,
      #37312A 1260px,
      #312C26 1760px,
      #352F29 2360px,
      #2D2922 3020px,
      #332E27 3720px,
      #2B2721 4400px),
    #2E2A23;

  /* Reflexo especular fixo (body::before) — fica ATRÁS do cartão, então é o que
     dá vida às margens do desktop. Baixa opacidade: se "aparece", está forte. */
  --sheen:
    radial-gradient(130% 62% at 50% -12%, rgba(255,255,255,.10), rgba(255,255,255,0) 58%),
    linear-gradient(112deg, rgba(255,255,255,0) 26%, rgba(255,255,255,.045) 47%, rgba(255,255,255,0) 64%),
    radial-gradient(110% 55% at 50% 112%, rgba(0,0,0,.32), rgba(0,0,0,0) 62%);
  --grain:.035;

  /* ---- Vidro (painéis translúcidos, à la HWPO) ---------------------------- */
  /* Opacidade baixa e tinta QUENTE: o bronze precisa transparecer no painel. */
  --glass-bg:rgba(247,241,232,.07);
  --glass-bg-2:rgba(247,241,232,.11);
  --glass-border:rgba(247,241,232,.14);
  --glass-blur:blur(16px) saturate(1.08);
  --glass-shadow:0 10px 26px -18px rgba(15,12,9,.75);

  --surface:rgba(247,241,232,.07);
  --surface-2:rgba(247,241,232,.11);
  --hairline:rgba(247,241,232,.11);
  --shadow-card:0 34px 80px -38px rgba(10,8,6,.8);

  /* ---- Texto (contraste calculado contra #35302A, L=0.0269) --------------- */
  --text:#F4F1EC;                       /* 12.1:1 */
  --text-2:#D8D1C6;                     /*  9.0:1 */
  --muted:#B6AEA2;                      /*  6.2:1 */
  --muted-2:#948C80;                    /*  4.1:1  (3.2:1 sobre o vidro) */

  /* ---- Dourado (ACENTO) ---------------------------------------------------
     Num fundo já acastanhado o dourado chapado tende a sumir: o principal fica
     no #C99F4B (5.5:1 contra o cartão) e o realce/anel puxa para o claro. */
  --gold:#C99F4B;
  --gold-light:#F2D17E;
  --gold-dark:#8A6912;
  --gold-grad:linear-gradient(135deg,#F7DE9B 0%,#D9AF5C 28%,#C99F4B 52%,#A2782A 78%,#8A6912 100%);
  --gold-ring:rgba(242,209,126,.38);
  --gold-glow:rgba(201,159,75,.55);
  --on-gold:#241F19;                    /* 6.6:1 sobre #C99F4B */

  --shine:#F7E3AE;

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

  /* Destaque de texto: o dourado principal já passa (5,5:1 sobre o cartão). */
  --accent:var(--gold);
  --accent-hover:var(--gold-light);

  /* ---- Estado -------------------------------------------------------------- */
  --ok:#63D394;
  --err:#F08A80;

  /* ---- Foto do hero: um toque mais quente/escura p/ dissolver no bronze ---- */
  --hero-filter:brightness(.84) contrast(1.05) saturate(.9) sepia(.08);
}