/**
 * Essência — tokens globais do Design System.
 * Fase 3: sem estilos específicos de página.
 */
:root {
  --ess-navy-950: #081C30;
  --ess-navy-900: #0B243D;
  --ess-navy-800: #16324D;

  --ess-gold-600: #C48634;
  --ess-gold-500: #D59A47;
  --ess-gold-300: #E7CDAF;

  --ess-ivory-50: #F8F6F2;
  --ess-white: #FFFFFF;

  --ess-text-900: #17253A;
  --ess-text-700: #575B63;
  --ess-text-on-dark: #F8F4EC;
  --ess-muted-on-dark: #D8DEE5;
  --ess-border: #E7DED2;
  --ess-success: #2F7D63;
  --ess-love: #B85B5B;

  --ess-radius-sm: 8px;
  --ess-radius-md: 12px;
  --ess-radius-lg: 18px;

  --ess-shadow-sm: 0 4px 16px rgba(8, 28, 48, .07);
  --ess-shadow-md: 0 14px 36px rgba(8, 28, 48, .10);
  --ess-shadow-gold: 0 10px 28px rgba(196, 134, 52, .20);

  --ess-container: 1200px;
  --ess-gutter: clamp(20px, 4vw, 40px);

  --ess-space-1: 4px;
  --ess-space-2: 8px;
  --ess-space-3: 12px;
  --ess-space-4: 16px;
  --ess-space-6: 24px;
  --ess-space-8: 32px;
  --ess-space-10: 40px;
  --ess-space-12: 48px;
  --ess-space-16: 64px;
  --ess-space-20: 80px;
  --ess-space-24: 96px;
}