/* ==========================================================================
   TEMA — Liso Mágico
   Override da paleta da base principal (styles-jr22FTDW.css) usando as cores
   do layout original: marrom, dourado e creme.
   Carregue ESTE arquivo DEPOIS do CSS base.
   ========================================================================== */

:root{
  /* ---- Superfícies (tema claro) ---- */
  --background: #F8F4EC;          /* paper  */
  --foreground: #2B2013;          /* ink    */
  --card: #FFFFFF;
  --card-foreground: #2B2013;
  --popover: #FFFFFF;
  --popover-foreground: #2B2013;

  /* ---- Marca ---- */
  --primary: #A67C2E;             /* gold-700 — acentos, selos, bordas, destaques */
  --primary-foreground: #FBF7EF;  /* creme — texto sobre botões/gradientes escuros */
  --secondary: #F3E8D0;           /* gold-100 */
  --secondary-foreground: #3B2A18;
  --muted: #F3E8D0;               /* gold-100 */
  --muted-foreground: #5D5142;    /* ink-soft */
  --accent: #BE9440;              /* gold-600 */
  --accent-foreground: #3B2A18;   /* brown-900 */

  /* ---- Estados ---- */
  --destructive: #4A3521;         /* brown-800 (barra de aviso) */
  --destructive-foreground: #FBF7EF;
  --success: #A67C2E;             /* gold-700 (selos de confiança) */
  --success-foreground: #FBF7EF;

  /* ---- Traços, inputs e foco ---- */
  --border: #EAE1D0;
  --input: #EAE1D0;
  --ring: #A67C2E;

  /* ---- Gradientes ---- */
  --gradient-primary: linear-gradient(135deg, #5C4429, #3B2A18);          /* brown-700 → brown-900 */
  --gradient-gold:    linear-gradient(135deg, #D2AC5C, #A67C2E);          /* gold-500 → gold-700  */
  --gradient-shine:   linear-gradient(135deg, #C9A24E, #A67C2E, #7E5A1E); /* dourado profundo     */
  --gradient-dark:    linear-gradient(180deg, #F8F4EC, #FFFFFF);

  /* ---- Sombras ---- */
  --shadow-glow:    0 0 60px -10px rgba(166,124,46,0.45);
  --shadow-gold:    0 10px 40px -10px rgba(190,148,64,0.45);
  --shadow-elegant: 0 20px 50px -15px rgba(59,42,24,0.28);

  /* ---- Brilho radial do hero ---- */
  --hero-glow: radial-gradient(ellipse at top, rgba(166,124,46,0.22), transparent 60%);
}