/* ============================================================
   ZP Contabilidade — Design Tokens
   ============================================================ */

:root {
  /* --- Cores --- */
  --color-blue-deep:     #1A3A5C;
  --color-blue-mid:      #2E6DA4;
  --color-green:         #28A060;
  --color-gold:          #C9973A;
  --color-gray-dark:     #2D2D2D;
  --color-gray-mid:      #6B7280;
  --color-gray-light:    #F4F6FA;
  --color-white:         #FFFFFF;
  --color-whatsapp:      #25D366;

  /* --- Tipografia --- */
  --font-display:  'Playfair Display', Georgia, serif;
  --font-body:     'DM Sans', system-ui, sans-serif;
  --font-mono:     'DM Mono', 'Courier New', monospace;

  /* --- Escala tipográfica --- */
  --text-h1-desktop: 52px;
  --text-h1-mobile:  32px;
  --text-h2-desktop: 38px;
  --text-h2-mobile:  26px;
  --text-h3-desktop: 22px;
  --text-h3-mobile:  18px;
  --text-h4:         18px;
  --text-body:       16px;
  --text-small:      14px;
  --text-stats-desktop: 42px;
  --text-stats-mobile:  28px;

  /* --- Espaçamento (múltiplos de 8px) --- */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   16px;
  --space-4:   24px;
  --space-5:   32px;
  --space-6:   48px;
  --space-7:   64px;
  --space-8:   96px;
  --space-9:   128px;

  /* --- Grid --- */
  --max-width:        1200px;
  --padding-desktop:  80px;
  --padding-mobile:   24px;
  --gutter:           24px;

  /* --- Bordas --- */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-pill: 999px;

  /* --- Sombras --- */
  --shadow-card:  0 2px 16px rgba(26, 58, 92, 0.08);
  --shadow-hover: 0 8px 32px rgba(26, 58, 92, 0.16);
  --shadow-cta:   0 4px 24px rgba(40, 160, 96, 0.30);

  /* --- Transições --- */
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
}