/**
 * PALETA DINÂMICA: Carvão Mineral & Titânio Platina
 * Totalmente harmonizada para legibilidade, contraste e identidade visual exclusiva.
 */

:root {
  /* --- PALETA DE FUNDOS (ALTERAÇÃO REAL DO SITE INTEIRO) --- */
  --color-bg-deep: #0B0D11;
  --color-bg-main: #12151C;
  --color-bg-card: #1A1F29;
  --color-bg-card-hover: #232936;
  --color-bg-elevated: #2E3647;
  
  /* --- HEADER & FOOTER DINÂMICOS --- */
  --color-header-bg: rgba(11, 13, 17, 0.88);
  --color-header-bg-scrolled: rgba(11, 13, 17, 0.98);
  --color-footer-bg: #060709;

  /* --- CORES DE ACENTO & DESTAQUE --- */
  --color-gold-light: #CBD5E1;
  --color-gold-primary: #94A3B8;
  --color-gold-hover: #F1F5F9;
  --color-gold-dark: #64748B;
  --color-gold-dim: rgba(148, 163, 184, 0.15);
  --color-gold-glow: rgba(148, 163, 184, 0.25);
  
  --gradient-gold: linear-gradient(135deg, #CBD5E1 0%, #94A3B8 50%, #64748B 100%);
  --gradient-gold-subtle: linear-gradient(135deg, rgba(148, 163, 184, 0.15) 0%, transparent 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(148, 163, 184, 0.25) 0%, #12151C 75%);

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

  /* --- 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.08);
  --border-gold-subtle: rgba(148, 163, 184, 0.25);
  --border-gold-bright: rgba(148, 163, 184, 0.6);

  /* --- 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(148, 163, 184, 0.25);
  --shadow-gold-hover: 0 12px 40px rgba(148, 163, 184, 0.25);

  /* --- 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;
}