/* ==========================================================================
   DESIGN SYSTEM & DESIGN TOKENS — MIGLIATTI ADVOGADOS ASSOCIADOS
   Conforme especificações: criadordesite.md, info2.md e botaozap.md
   ========================================================================== */

:root {
  /* Paleta Cromática Institucional Oficial */
  --color-primary: #0C3C60;           /* Azul Marinho Principal */
  --color-deep: #062134;              /* Azul Profundo Escuro (Contrastes e Rodapé) */
  --color-night: #2A385F;             /* Azul Marinho Noturno */
  --color-steel: #39729B;             /* Azul Aço (Subtítulos, divisórias, ícones) */
  --color-accent: #1EABC7;            /* Azul Ciano / Destaque / Botões de Conversão */
  --color-sky: #6EA4CA;               /* Azul Céu Médio */
  --color-ice: #D1E0EB;               /* Azul Gelo Suave (Bordas, cards claros) */
  --color-sage: #82B8AC;              /* Verde Sálvia Suave (Acentos de equilíbrio) */
  --color-white: #FFFFFF;             /* Superfícies e tipografia em fundo escuro */
  --color-offwhite: #F8FAFC;          /* Fundo suave alternativo */
  --color-surface-card: rgba(255, 255, 255, 0.85);
  --color-text-dark: #0A3942;         /* Texto corrido em fundos claros */
  --color-text-muted: #5B7282;        /* Texto secundário */
  --color-text-light: #E9F1F7;        /* Texto corrido sobre fundos nobres */
  
  /* Mapeamento compatível para Widget WhatsApp (botaozap.md) */
  --brand-navy: #0C3C60;
  --brand-navy-dark: #062134;
  --brand-gold: #1EABC7;              /* Cor de destaque/CTA do cliente */
  --brand-cta: #1EABC7;
  --brand-cta-hover: #1593AC;
  --brand-white: #FFFFFF;
  --brand-text-dark: #0A3942;
  --whatsapp-green: #25D366;
  --whatsapp-dark: #128C7E;

  /* Tipografia */
  --font-display: 'Jura', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Curvas e Transições Sensoriais Fluidas */
  --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 0.25s;
  --duration-normal: 0.45s;
  --duration-reveal: 1.6s;
  --duration-zoom: 1.9s;
  --delay-reveal: 0.25s;

  /* Sombreamentos e Elevação */
  --shadow-subtle: 0 4px 20px rgba(6, 33, 52, 0.06);
  --shadow-card: 0 12px 32px -4px rgba(12, 60, 96, 0.08), 0 4px 12px rgba(6, 33, 52, 0.03);
  --shadow-hover: 0 20px 45px -10px rgba(13, 31, 56, 0.28), 0 0 20px rgba(30, 171, 199, 0.2);
  --shadow-dropdown: 0 16px 40px rgba(6, 33, 52, 0.16);

  /* Dimensões e Espaçamentos Estruturais */
  --container-max: 1240px;
  --container-narrow: 1040px;
  --section-padding: clamp(80px, 10vh, 130px) 24px;
  --border-radius-sm: 6px;
  --border-radius-md: 10px;
  --border-radius-lg: 16px;
  --border-radius-pill: 9999px;

  /* Z-Index Hierarchy Rigorosa */
  --z-base: 0;
  --z-hero-bg: 1;
  --z-hero-mask: 2;
  --z-hero-light: 3;
  --z-hero-content: 4;
  --z-sticky-bar: 990;
  --z-header: 1000;
  --z-whatsapp: 1010;
  --z-modal: 1050;
  --z-lgpd: 1040;
}