/**
 * VANGUARD ADVOCACIA & CONSULTORIA ESTRATÉGICA
 * Design System Tokens & CSS Custom Properties
 */

:root {
  /* Header & Navigation Contrast Enhancements */
  --color-header-bg: rgba(7, 11, 20, 0.88);
  --color-header-bg-scrolled: rgba(7, 11, 20, 0.96);
  --color-header-border: var(--border-gold-subtle);
  --shadow-header: 0 10px 30px rgba(0, 0, 0, 0.4);
  --color-text-nav: #CBD5E1;
  --color-text-nav-hover: var(--color-gold-light);
  --color-text-nav-active: var(--color-gold-light);
  --color-text-title: #FFFFFF;
  --color-text-primary: #F1F5F9;
  --color-text-secondary: #94A3B8;
  --color-text-muted: #64748B;
  --color-bg-card: #111827;

  color-scheme: only dark;
  /* --- PALETA DE CORES PRIMÁRIA (LUXURY / NAVY OBSIDIAN) --- */
  --color-bg-deep: #070B14;
  --color-bg-main: #0B111E;
  --color-bg-card: #111A2E;
  --color-bg-card-hover: #16223B;
  --color-bg-elevated: #1A2640;
  
  /* --- PALETA DE CORES DOURADO / OURO BRONZE (ACCENT & PRESTIGE) --- */
  --color-gold-light: #C99B6B;
  --color-gold-primary: #A87948;
  --color-gold-hover: #D8B46C;
  --color-gold-dark: #7A542E;
  --color-gold-dim: rgba(168, 121, 72, 0.15);
  --color-gold-glow: rgba(168, 121, 72, 0.25);
  
  --gradient-gold: linear-gradient(135deg, #F5D792 0%, #C5A059 50%, #9A7836 100%);
  --gradient-gold-subtle: linear-gradient(135deg, rgba(245, 215, 146, 0.12) 0%, rgba(197, 160, 89, 0.04) 100%);
  --gradient-card: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%);
  --gradient-hero: radial-gradient(circle at 50% 0%, rgba(197, 160, 89, 0.15) 0%, rgba(11, 17, 30, 0.95) 75%);

  /* --- TIPOGRAFIA & TEXTO --- */
  --color-text-title: #FFFFFF;
  --color-text-primary: #F1F5F9;
  --color-text-secondary: #94A3B8;
  --color-text-muted: #64748B;
  --color-text-on-gold: #0B111E;

  /* --- CORES DE ESTADO & PROVA SOCIAL --- */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-error: #EF4444;
  --color-google-star: #FBBC04;
  --color-google-blue: #4285F4;
  --color-whatsapp: #25D366;
  --color-whatsapp-dark: #1EBE5D;

  /* --- BORDAS & LINHAS --- */
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-gold-subtle: rgba(197, 160, 89, 0.22);
  --border-gold-bright: rgba(197, 160, 89, 0.55);

  /* --- HEADER & FOOTER DINÂMICOS --- */
  --color-header-bg: rgba(7, 11, 20, 0.85);
  --color-header-bg-scrolled: rgba(7, 11, 20, 0.95);
  --color-footer-bg: #05080E;

  /* --- FONTES --- */
  --font-serif: 'Cinzel', 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* --- ESCALA TIPOGRÁFICA FLUIDA (CLAMP) --- */
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);
  --text-sm: clamp(0.8125rem, 0.77rem + 0.2vw, 0.875rem);
  --text-base: clamp(0.9375rem, 0.88rem + 0.28vw, 1.0625rem);
  --text-lg: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  --text-xl: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --text-2xl: clamp(1.5rem, 1.35rem + 0.75vw, 1.875rem);
  --text-3xl: clamp(1.875rem, 1.65rem + 1.1vw, 2.375rem);
  --text-4xl: clamp(2.25rem, 1.95rem + 1.5vw, 3.125rem);
  --text-5xl: clamp(2.75rem, 2.3rem + 2.25vw, 4.25rem);

  /* --- ESPAÇAMENTO --- */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;

  /* --- SOMBRAS --- */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.55);
  --shadow-gold: 0 8px 30px rgba(197, 160, 89, 0.2);
  --shadow-gold-hover: 0 12px 40px rgba(197, 160, 89, 0.35);

  /* --- BORDER RADIUS --- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* --- TRANSIÇÕES --- */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 400ms cubic-bezier(0.16, 1, 0.3, 1);

  /* --- CONTAINER & Z-INDEX --- */
  --container-max: 1240px;
  --header-height: 84px;
  --header-height-mobile: 72px;
  --z-header: 100;
  --z-floating: 90;
  --z-modal: 200;
  --z-toast: 300;
}



/* Lock theme against mobile browser auto dark mode inversion */
:root {
  /* Header & Navigation Contrast Enhancements */
  --color-header-bg: rgba(7, 11, 20, 0.88);
  --color-header-bg-scrolled: rgba(7, 11, 20, 0.96);
  --color-header-border: var(--border-gold-subtle);
  --shadow-header: 0 10px 30px rgba(0, 0, 0, 0.4);
  --color-text-nav: #CBD5E1;
  --color-text-nav-hover: var(--color-gold-light);
  --color-text-nav-active: var(--color-gold-light);
  --color-text-title: #FFFFFF;
  --color-text-primary: #F1F5F9;
  --color-text-secondary: #94A3B8;
  --color-text-muted: #64748B;
  --color-bg-card: #111827;

  color-scheme: only dark !important;
}
@media (prefers-color-scheme: dark) {
  :root {
  /* Header & Navigation Contrast Enhancements */
  --color-header-bg: rgba(7, 11, 20, 0.88);
  --color-header-bg-scrolled: rgba(7, 11, 20, 0.96);
  --color-header-border: var(--border-gold-subtle);
  --shadow-header: 0 10px 30px rgba(0, 0, 0, 0.4);
  --color-text-nav: #CBD5E1;
  --color-text-nav-hover: var(--color-gold-light);
  --color-text-nav-active: var(--color-gold-light);
  --color-text-title: #FFFFFF;
  --color-text-primary: #F1F5F9;
  --color-text-secondary: #94A3B8;
  --color-text-muted: #64748B;
  --color-bg-card: #111827;

    color-scheme: only dark !important;
  }
}