/* ═══════════════════════════════════════════════════
   PORTAL FAZENDAS — Design Tokens Oficiais
   Usar em TODOS os arquivos do projeto
═══════════════════════════════════════════════════ */

:root {
  /* ── CORES PRINCIPAIS ─────────────────────────── */
  --p1:          #1C7A2F;   /* Verde principal */
  --p2:          #F5A623;   /* Laranja / dourado */
  --p3:          #2D5A1B;   /* Verde escuro médio */
  --dark:        #0B1F10;   /* Fundo dark */
  --light:       #F4F8F2;   /* Fundo claro */
  --white:       #FFFFFF;
  --card:        #F9FCF7;   /* Cards claros */
  --muted:       #7A8F76;   /* Texto secundário */
  --green-mid:   #75c45c;   /* Verde médio accent */
  --olive:       #746e35;   /* Oliva accent */

  /* ── PALETA EXPANDIDA ─────────────────────────── */
  --p1-light:    rgba(28,122,47,.10);
  --p1-mid:      rgba(28,122,47,.20);
  --p2-light:    rgba(245,166,35,.10);
  --p2-mid:      rgba(245,166,35,.20);
  --dark-card:   rgba(255,255,255,.04);
  --dark-border: rgba(255,255,255,.08);
  --dark-hover:  rgba(255,255,255,.07);

  /* ── TIPOGRAFIA ───────────────────────────────── */
  --font-display: 'Fraunces', serif;        /* títulos, preços, números */
  --font-ui:      'Plus Jakarta Sans', sans-serif; /* corpo, labels, botões */

  /* ── ESPAÇAMENTOS ─────────────────────────────── */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   20px;
  --radius-2xl:  24px;
  --radius-pill: 40px;

  /* ── SOMBRAS ──────────────────────────────────── */
  --shadow-sm:    0 2px 8px rgba(0,0,0,.06);
  --shadow-card:  0 4px 20px rgba(0,0,0,.08);
  --shadow-hover: 0 20px 52px rgba(28,122,47,.14);
  --shadow-wa:    0 8px 28px rgba(37,211,102,.38);
  --shadow-gold:  0 8px 28px rgba(245,166,35,.35);

  /* ── TRANSIÇÕES ───────────────────────────────── */
  --trans:      .25s cubic-bezier(.4,0,.2,1);
  --trans-slow: .4s cubic-bezier(.4,0,.2,1);
  --trans-fast: .15s cubic-bezier(.4,0,.2,1);

  /* ── GRADIENTES ───────────────────────────────── */
  --grad-green:  linear-gradient(135deg, #1C7A2F, #2e9e47);
  --grad-gold:   linear-gradient(135deg, #F5A623, #FFD580);
  --grad-wa:     linear-gradient(135deg, #25D366, #128C7E);
  --grad-dark:   linear-gradient(135deg, #0B1F10, #1a3d20);
  --grad-accent: linear-gradient(90deg, #1C7A2F 0%, #F5A623 35%, #75c45c 65%, #746e35 100%);

  /* ── LAYOUT ───────────────────────────────────── */
  --sidebar-w:   260px;
  --nav-h:       68px;
  --content-max: 1280px;
}