/* 
   Raul Licastro Advogados - CSS Variáveis & Tema (Dark/Light Mode)
   Compatível com Hostinger e servidores PHP / HTML
*/

/* Variaveis Padrão: DARK MODE (Modo Escuro Padrão) */
:root {
  --bg-primary: #0d0f12;
  --bg-secondary: #161920;
  --bg-card: #151821;
  --bg-header: rgba(13, 15, 18, 0.88);
  
  --text-primary: #f3f4f6;
  --text-secondary: #9ca3af;
  --text-muted: #6b7280;
  
  --accent-gold: #721D2D;
  --accent-gold-hover: #8c2538;
  --accent-gold-subtle: rgba(114, 29, 45, 0.2);
  
  --border-color: rgba(255, 255, 255, 0.08);
  --border-gold: rgba(114, 29, 45, 0.35);
}

/* TEMA ALTERNATIVO: LIGHT MODE (Modo Claro) */
html.light {
  --bg-primary: #fcfbf9;
  --bg-secondary: #f4f0ea;
  --bg-card: #ffffff;
  --bg-header: rgba(252, 251, 249, 0.92);
  
  --text-primary: #1a1d24;
  --text-secondary: #4b5563;
  --text-muted: #6b7280;
  
  --accent-gold: #721D2D;
  --accent-gold-hover: #8c2538;
  --accent-gold-subtle: rgba(114, 29, 45, 0.12);
  
  --border-color: rgba(0, 0, 0, 0.08);
  --border-gold: rgba(114, 29, 45, 0.35);
}

/* Tipografia Base: Font-Family Poppins */
html {
  scroll-behavior: smooth;
  font-family: 'Poppins', sans-serif;
}

h1, h2, h3, h4, .font-display-title {
  font-family: 'Playfair Display', serif;
}

body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Classes Auxiliares Mapeadas para as Variáveis CSS */
.bg-primary { background-color: var(--bg-primary); }
.bg-secondary { background-color: var(--bg-secondary); }
.bg-card { background-color: var(--bg-card); }
.header-bg { background-color: var(--bg-header); }

.text-primary { color: var(--text-primary); }
.text-secondary { color: var(--text-secondary); }
.text-muted { color: var(--text-muted); }

.text-accent-gold { color: var(--accent-gold); }
.bg-accent-gold { background-color: var(--accent-gold); }
.bg-gold-hover:hover { background-color: var(--accent-gold-hover); }
.bg-gold-subtle { background-color: var(--accent-gold-subtle); }

.border-theme { border-color: var(--border-color); }
.border-gold-subtle { border-color: var(--border-gold); }

/* Efeito Glow para Botão */
.gold-glow-btn {
  box-shadow: 0 4px 18px rgba(114, 29, 45, 0.35);
  transition: all 0.25s ease;
}

.gold-glow-btn:hover {
  box-shadow: 0 6px 24px rgba(114, 29, 45, 0.5);
  transform: translateY(-1px);
}