/* ═══════════════════════════════════════════════════════════════════════════
   krvaletius.com — PALETA
   Copiada VERBATIM da skin "Cinzas" (vantablack) do app AUTOR
   fonte: D:\Autor\renderer\styles.css  →  .theme-cinzas (l.311-348)
                                           body.theme-cinzas (l.9054-9079)
   Não inventar cor: se faltar um tom, copiar de lá.
   ═══════════════════════════════════════════════════════════════════════════ */
/* A fonte de letreiro do site antigo. O arquivo veio de
   D:\Autor\site\assets\fonts\valdemar.ttf — o mesmo que o theautor.com usa. */
@font-face {
  font-family: 'Valdemar';
  src: url('/assets/fonts/valdemar.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}

:root {
  /* ── tipografia da casa ───────────────────────────────────────────────
     Mesmas três famílias do theautor.com. Cinzel é fonte de inscrição
     romana — é ela que dá o ar de mármore aos títulos.
     ⚠ Estes três tokens JÁ FALTARAM uma vez: sem eles, `var(--display)`
     não resolve, o navegador não acusa erro nenhum e a página inteira cai
     em Times New Roman calada. Se sumirem, o site perde a cara. */
  --display: 'Cinzel', 'Trajan Pro', Georgia, serif;
  --serif:   'EB Garamond', Georgia, 'Times New Roman', serif;
  --sans:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* ── LETREIRO: a fonte de titulo do site ANTIGO ────────────────────────
     Medido no Wix em 2026-08-22: a fonte `wfont_1a90ff_...` resolve para
     `orig_valdemar`. E a mesma que o theautor.com ja usa como --letreiro.
     Os dois sites do autor compartilham a fonte de letreiro. */
  --letreiro: 'Valdemar', 'Cinzel', Georgia, serif;

  /* ══ PALETA DO SITE ANTIGO (Wix) — medida, nao inventada ═══════════════
     O Wix NAO era dourado: era AZUL-GELO com ouro, e vermelho em duas
     secoes. Faz sentido — a mae do protagonista e a deusa do gelo e a capa
     e azul. A pele vantagold entra no FUNDO; estas cores ficam no texto,
     que e onde elas estavam. */
  --gelo:       #95E4FF;   /* COMPRAR!, SINOPSE, SKOOB, ESPECIAL COM MAIS KHAOS */
  --ciano:      #3FC9F9;   /* LANCAMENTO INEDITO, Baixar 49 pgs, Ler Online */
  --ouro-fundo: #D4A321;   /* Artes exclusivas, UMA NOVA ERA, Arquitetura, Combos */
  --ouro-claro: #F9C950;   /* selos do universo, depoimento, precos, FAQ */
  --ouro-insta: #DEBC31;   /* ESTAMOS NO INSTAGRAM */
  --rubro:      #FF0000;   /* Sobre o autor, Confrontar o Caos, ADQUIRIR! */
  --verde-frete:#0EBC5E;   /* "Ate 12x de 8,13 - Frete Gratis" */
  --branco:     #FFFFFF;   /* legendas da Arquitetura, itens dos combos, rodape */
  --quase-branco:#E6E9EB;  /* "AGuarde e clique para uma imersao maior" */
  --btn-ink:    #0d0900;   /* tinta sobre botao dourado (copiado do theautor.com) */

  /* fundos — preto absoluto */
  --bg0: #000000;
  --bg1: #000000;
  --bg2: #010101;
  --bg3: #010101;
  --bg4: #020201;
  --bg5: #040301;
  --bg0-deep: #000000;
  --vantablack-paper: #010101;

  /* bordas */
  --border:  rgba(230,185,74,.10);
  --border2: rgba(255,216,106,.22);
  --border3: rgba(255,241,168,.38);

  /* texto */
  --t1: #f5edd8;
  --t2: #cdbf9b;
  --t3: #8d8062;
  --t4: #554c39;

  /* ouro */
  --accent: #e6b94a;
  --accent2: #fff1a8;
  --accent3: rgb(var(--accent-rgb) / .17);
  --accent4: rgb(var(--accent-rgb) / .065);
  --accent-rgb: 230 185 74;
  --gold-polished: #ffd86a;
  --gold-flare:    #fff7c7;
  --gold-deep:     #8d6419;
  --ember: #ffd86a;
  --ember-rgb: 255 216 106;
  --ink-red: #4d3510;

  /* semânticas */
  --red: #b76b49;
  --green: #c9a94b;
  --blue: #e6c866;
  --purple: #9d762d;

  /* profundidade */
  --shadow:  0 2px 14px rgba(0,0,0,.72);
  --shadow2: 0 14px 52px rgba(0,0,0,.82), 0 0 22px rgba(230,185,74,.05);
  --shadow3: 0 30px 100px rgba(0,0,0,.94), 0 0 44px rgba(255,216,106,.06);
  --glow:    0 0 20px rgb(var(--accent-rgb) / .24), 0 0 38px rgba(255,241,168,.08);

  /* superfícies */
  --glass:  rgba(1,1,1,.94);
  --glass2: rgba(2,2,1,.98);
  --veil:   rgba(0,0,0,.80);
  --surface-sheen-ultra: rgba(255,241,168,.008);
  --surface-sheen-soft:  rgba(255,216,106,.016);
  --surface-sheen:       rgba(255,216,106,.028);
  --surface-lift-ultra:  rgba(255,216,106,.012);
  --surface-lift-soft:   rgba(255,216,106,.022);
  --surface-lift:        rgba(255,216,106,.035);
  --surface-depth-soft:   rgba(0,0,0,.28);
  --surface-depth:        rgba(0,0,0,.44);
  --surface-depth-strong: rgba(0,0,0,.58);
  --bg-hover:   rgba(230,185,74,.065);
  --control-bg: rgba(255,216,106,.016);
  --input-bg:       rgba(0,0,0,.48);
  --input-bg-focus: rgba(0,0,0,.64);
  --hairline-highlight:        rgba(255,241,168,.025);
  --hairline-highlight-strong: rgba(255,241,168,.055);
  --page-shadow:      rgba(0,0,0,.88);
  --page-edge-shadow: rgba(230,185,74,.13);
  --overlay-dim:      rgba(0,0,0,.88);
}

/* ── o AMBIENTE do vantablack (era #content::before no app) ────────────────
   poeira de ouro em dois pontos + trama diagonal levíssima, a .32 de opacidade */
body::before {
  content:''; position:fixed; inset:0; pointer-events:none; z-index:0;
  opacity:.32;
  background:
    radial-gradient(circle at 22% 16%, rgba(255,216,106,.13) 0 1px, transparent 2px),
    radial-gradient(circle at 78% 72%, rgba(230,185,74,.10) 0 1px, transparent 2px),
    repeating-linear-gradient(135deg, transparent 0 64px, rgba(230,185,74,.012) 65px, transparent 66px);
  background-size: 260px 220px, 320px 270px, auto;
}