/* =====================================================================
   TEMA "BRINDE" · aniversário adulto. Paleta e fontes do tema.
   Para um tema novo, troque este arquivo (e o link das fontes no index.html).
   O layout comum fica em base.css (carregado antes) e não muda de um tema para outro.
   ===================================================================== */
:root {
  --cor-fundo: #0e1a16;          /* fundo da página */
  --cor-fundo-2: #15281f;        /* fundo das seções alternadas */
  --cor-cartao: rgba(255, 248, 232, .045);
  --cor-linha: rgba(214, 178, 106, .28);
  --cor-texto: #f3ebdd;
  --cor-suave: #b9ae9a;
  --cor-destaque: #d6b26a;       /* ouro */
  --cor-destaque-claro: #f4dfa6;
  --cor-destaque-escuro: #8f6a2c;
  --cor-brilho: #fffaf0;         /* reflexo que passa no nome */
  --cor-hover: rgba(214, 178, 106, .1);
  --cor-campo: rgba(0, 0, 0, .25);
  --cor-flutuante: rgba(14, 26, 22, .82);
  --cor-botao-texto: #19130a;
  --cor-papel: #f7f0e3;          /* papel da abertura */
  --cor-papel-verso: #e6dac4;
  --cor-papel-tinta: #2a2219;
  --cor-enfeite: 244, 223, 166;  /* r, g, b das bolhas da capa (várias: separe com ;) */
  --cor-confete: #f4dfa6, #d6b26a, #fffaf0, #8f6a2c;

  --fundo-capa:
    radial-gradient(120% 70% at 50% 0%, rgba(214, 178, 106, .16), transparent 60%),
    radial-gradient(90% 60% at 50% 110%, rgba(214, 178, 106, .10), transparent 60%),
    var(--cor-fundo);
  --fundo-abertura: radial-gradient(80% 60% at 50% 45%, var(--cor-fundo-2), var(--cor-fundo));
  --botao-fundo: linear-gradient(180deg, var(--cor-destaque-claro), var(--cor-destaque) 55%, var(--cor-destaque-escuro));
  --botao-sombra: 0 14px 34px -14px rgba(214, 178, 106, .7), inset 0 1px 0 rgba(255, 255, 255, .5);
  --sombra-foto: 0 30px 60px -30px rgba(0, 0, 0, .8);
  --sombra-flutuante: 0 10px 30px -12px rgba(0, 0, 0, .7);

  --fonte-titulo: 'DM Serif Display', 'Times New Roman', Georgia, serif;
  --fonte-texto: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --italico: italic;             /* estilo do nome e dos títulos curtos (normal se a fonte não tiver itálico) */

  --raio: 20px;
  --largura: 1080px;
  --ease: cubic-bezier(.22, .8, .24, 1);
}