/* ============================================
   SUL AMÉRICA AGRO — Design Tokens
   ============================================ */

:root {
  /* ── Cores Primárias ── */
  --navy-deep:      #0A1628;
  --navy-mid:       #132744;
  --navy-light:     #1A3558;
  --graphite:       #1C2333;
  --graphite-light: #252D3F;

  /* ── Neutros ── */
  --white-ice:      #F7F8FA;
  --white-warm:     #EDEFF3;
  --gray-soft:      #B0B8C8;
  --gray-mid:       #6B7A90;

  /* ── Accent (Laranja da Logo) ── */
  --gold-matte:     #F99100;
  --gold-light:     #FFA726;
  --gold-dark:      #E65100;
  --gold-glow:      rgba(249, 145, 0, 0.15);
  --gold-border:    rgba(249, 145, 0, 0.25);

  /* ── Accent por Nicho ── */
  --empresarial:    #9CA3AF;
  --empresarial-light: #D1D5DB;
  --agro:           #2E7D32;
  --agro-light:     #4CAF50;
  --juridico:       #2E6EAF;
  --juridico-light: #4E8ECF;

  /* Empresarial - Grafite Corporativo */
  --corp-deep:      #111111;
  --corp-mid:       #1C1C1E;
  --corp-dark:      #0A0A0A;
  --corp-border:    rgba(255, 255, 255, 0.1);
  --corp-accent:    #9CA3AF;
  --corp-accent-light: #D1D5DB;

  /* ── Temas de página (overrideable) ── */
  /* Agro - Verde Escuro */
  --agro-deep:      #0B1F14;
  --agro-mid:       #142E1F;
  --agro-dark:      #0E2A18;
  --agro-border:    rgba(46, 125, 50, 0.25);

  /* Jurídico - Azul Safira / Steel Blue */
  --juri-deep:      #0B1726;
  --juri-mid:       #12243C;
  --juri-dark:      #070F1A;
  --juri-border:    rgba(46, 108, 179, 0.25);
  --juri-accent:    #2E6EAF;
  --juri-light:     #4E8ECF;

  /* ── Seções Light ── */
  --light-bg:       #F7F8FA;
  --light-bg-alt:   #FFFFFF;
  --light-border:   rgba(0, 0, 0, 0.06);

  /* ── CTA / WhatsApp ── */
  --cta-green:      #25D366;
  --cta-green-dark: #1DA851;

  /* ── Texto ── */
  --text-white:     #FFFFFF;
  --text-light:     #E0E4EB;
  --text-secondary: #B0B8C8;
  --text-dark:      #1A1A2E;
  --text-body:      #333D4D;

  /* ── Tipografia ── */
  --font-heading:   'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── Tamanhos de Fonte ── */
  --fs-hero:        clamp(2.2rem, 5vw, 3.5rem);
  --fs-h1:          clamp(2rem, 4vw, 3.2rem);
  --fs-h2:          clamp(1.6rem, 3vw, 2.4rem);
  --fs-h3:          clamp(1.15rem, 2vw, 1.5rem);
  --fs-h4:          1.125rem;
  --fs-body:        1rem;
  --fs-small:       0.875rem;
  --fs-xs:          0.75rem;
  --fs-cta:         0.95rem;

  /* ── Pesos ── */
  --fw-regular:     400;
  --fw-medium:      500;
  --fw-semibold:    600;
  --fw-bold:        700;

  /* ── Line Heights ── */
  --lh-tight:       1.2;
  --lh-normal:      1.6;
  --lh-relaxed:     1.8;

  /* ── Espaçamento ── */
  --space-xs:       0.5rem;
  --space-sm:       1rem;
  --space-md:       1.5rem;
  --space-lg:       2.5rem;
  --space-xl:       4rem;
  --space-2xl:      6rem;
  --space-3xl:      8rem;

  /* ── Seção (padding vertical) ── */
  --section-py:     clamp(4rem, 8vw, 7rem);

  /* ── Containers ── */
  --container-max:  1200px;
  --container-narrow: 900px;

  /* ── Bordas ── */
  --radius-sm:      2px;
  --radius-md:      4px;
  --radius-lg:      8px;
  --border-thin:    1px solid var(--gold-border);
  --border-subtle:  1px solid rgba(255,255,255,0.08);

  /* ── Transições ── */
  --transition:     300ms ease;
  --transition-slow: 500ms ease;

  /* ── Sombras (sutis) ── */
  --shadow-card:    0 2px 16px rgba(0,0,0,0.18);
  --shadow-hover:   0 4px 24px rgba(0,0,0,0.28);
  --shadow-nav:     0 2px 20px rgba(0,0,0,0.3);

  /* ── Z-index ── */
  --z-nav:          1000;
  --z-float:        999;
  --z-modal:        1100;
  --z-sticky:       998;
}