/* ==========================================================================
   DESIGN TOKENS & VARIÁVEIS GLOBAIS - DRA. EUDISMAR GUIMARÃES ADVOCACIA
   ========================================================================== */

:root {
  /* Paleta de Cores Primárias (Escuro, Branco, Cinza) */
  --bg-dark: #0E0E10;
  --bg-dark-alt: #141417;
  --bg-dark-card: #19191D;
  --bg-light: #FFFFFF;
  --bg-light-alt: #F8F9FA;
  --bg-light-card: #FFFFFF;

  /* Texto */
  --text-dark-primary: #121214;
  --text-dark-secondary: #4A4A52;
  --text-light-primary: #FFFFFF;
  --text-light-secondary: #A0A0AA;
  --text-muted: #8E8E93;

  /* Cinzas e Bordas */
  --gray-100: #F4F4F6;
  --gray-200: #E5E5EA;
  --gray-300: #D1D1D6;
  --gray-700: #2C2C2E;
  --gray-800: #1C1C1E;
  --border-dark: rgba(255, 255, 255, 0.08);
  --border-light: rgba(0, 0, 0, 0.08);

  /* Dourado Metálico Fechado (Gradient & Accents) */
  --gold-start: #7A5C28;
  --gold-mid: #A88B4A;
  --gold-end: #5E441B;
  --gold-accent: #C5A059;
  --gold-gradient: linear-gradient(135deg, #7A5C28 0%, #A88B4A 50%, #5E441B 100%);
  --gold-border-gradient: linear-gradient(135deg, rgba(168, 139, 74, 0.6) 0%, rgba(94, 68, 27, 0.3) 100%);
  --gold-subtle-bg: rgba(168, 139, 74, 0.06);
  --gold-glow: rgba(168, 139, 74, 0.15);

  /* Mapeamento de Marca para Componentes e Widgets */
  --brand-navy: #0E0E10;
  --brand-gold: #A88B4A;
  --brand-white: #FFFFFF;
  --brand-text-dark: #121214;
  --brand-cta: #0E0E10;
  --bg-footer: #08080A;
  --text-footer: #9E9EA7;

  /* Tipografia */
  --font-serif: 'Cinzel', 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Curvas de Animação e Transição */
  --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.25s var(--ease-premium);
  --transition-normal: 0.4s var(--ease-premium);
  --transition-slow: 0.8s var(--ease-premium);
  --reveal-duration: 1.2s;

  /* Espaçamentos e Medidas */
  --container-max-width: 1240px;
  --header-height: 90px;
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 16px;
  --border-radius-pill: 50px;
}