/* ==========================================================================
   DESIGN TOKENS & VARIÁVEIS GLOBAIS - ANTÔNIO MARCOS FERREIRA ADVOCACIA
   Cores extraídas e alinhadas ao logotipo oficial
   ========================================================================== */

:root {
  /* Branding - Cores Primárias (Grafite Nobre & Ônix) */
  --brand-navy: #0f1012;
  --brand-dark-alt: #16171a;
  --brand-charcoal: #1e2024;
  --brand-surface-dark: #25282e;

  /* Branding - Acentos Metálicos (Dourado Nobre / Bronze) */
  --brand-gold: #c5a467;
  --brand-gold-hover: #b89657;
  --brand-gold-deep: #8c6f37;
  --brand-gold-soft: rgba(197, 164, 103, 0.12);
  --brand-gold-border: rgba(197, 164, 103, 0.28);

  /* Superfícies Claras & Off-White */
  --brand-white: #ffffff;
  --brand-offwhite: #f8f9fa;
  --brand-cream: #f4f5f8;
  --brand-surface-light: #eceef2;

  /* Tipografia & Cores de Texto */
  --brand-text-dark: #1a1c20;
  --brand-text-body: #363940;
  --brand-text-muted: #6b707d;
  --brand-text-light: #f8f9fa;
  --brand-text-light-muted: #9da3af;

  /* WhatsApp Oficial */
  --whatsapp-green: #25D366;
  --whatsapp-green-dark: #128C7E;

  /* Tipografia (Fontes Homologadas) */
  --font-serif: 'Cinzel', 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Curvas de Animação & Transições */
  --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.25s var(--ease-premium);
  --transition-medium: 0.4s var(--ease-premium);
  --transition-slow: 0.8s var(--ease-premium);

  /* Bordas e Sombras Esculpidas */
  --border-radius-sm: 6px;
  --border-radius-md: 10px;
  --border-radius-lg: 16px;
  --border-radius-pill: 50px;
  
  --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.05);
  --shadow-medium: 0 10px 30px rgba(0, 0, 0, 0.08);
  --shadow-deep: 0 20px 40px rgba(0, 0, 0, 0.15);
  --shadow-gold: 0 8px 24px rgba(197, 164, 103, 0.2);

  /* Atribuições de Compatibilidade (Tokens Universais do Blog e Componentes) */
  --color-primary: var(--brand-navy);
  --color-gold: var(--brand-gold);
  --bg-footer: var(--brand-navy);
  --text-footer: var(--brand-text-light-muted);
  --card-bg: var(--brand-white);
  --border-color: rgba(15, 16, 18, 0.08);
}