/* ============================================================
   SANNAGRO — DESIGN TOKENS
   Adaptado do Design System da Equipmax
   Plataforma: Reconstrução Limpa e Semântica
   Data: 2026-06-22 | Identidade Sannagro (Verde)
   ============================================================ */

/* ----------------------------------------------------------------
   1) TOKENS DE COMPATIBILIDADE (Equivalentes à estrutura original)
   ---------------------------------------------------------------- */
:root {
  /* Marca / ação */
  --color_primary:            #43A51B;  /* Verde oficial da marca */
  --color_primary_contrast:   #1F6F1D;  /* Verde escuro para garantir contraste WCAG AA >= 4.5:1 */
  --color_primary_medium:     #43A51B;
  --color_secondary_medium:   #43A51B;
  --color_button_menu:        #1F6F1D;  /* Botão de menu/departamentos com alto contraste */
  --color_button_menu_text:   #ffffff;
  --color_news_text:          #1F6F1D;  /* Links/novidades em destaque */

  /* Confiança / status (verdes) */
  --color_pay_list_bg:        #2E9E3F;  /* Faixa de meios de pagamento */
  --color_seals_shipping_bg:  #2E9E3F;  /* Selo "frete grátis" */
  --color_whats_bg:           #25b830;  /* Botão WhatsApp */

  /* Header / barra superior */
  --color_header_bg:          #43A51B;  /* Header principal (verde) */
  --color_header_highlight:   #f2f2f2;
  --color_header_second_font: #242424;
  --color_top_header_bg:      #121A14;  /* Barra utilitária do topo (cinza escuro) */
  --color_top_header_font:    #ffffff;
  --color_text_icon_head:     #242424;  /* Ícones e textos escuros sobre fundo verde para legibilidade (7.2:1) */

  /* Menu / dropdown */
  --color_menu:               #ffffff;
  --color_menu_text:          #000000;

  /* Selos / etiquetas */
  --color_seal:               #1F6F1D;
  --color_seals_bg:           #1F6F1D;
  --color_seals_discount_bg:  #1F6F1D;  /* Selo de desconto */
  --color_seals_discount_text:#ffffff;
  --color_seals_text:         #ffffff;
  --color_bg_seal:            #ffffff;

  /* Texto / neutros */
  --color_text_global:        #121A14;  /* Corpo de texto principal */
  --color_font_medium:        #242424;  /* Títulos / ênfases */
  --color_font_inverted:      #ffffff;
  --color_gray_medium:        #f2f2f2;  /* Fundo de seções / cards neutros */
  --color_news:               #f2f2f2;

  /* Diversos */
  --color_countdown_bg:       #000000;
  --color_countdown_text:     #ffffff;
  --color_bg_button_newsletter:#222222;
  --color_text_button_newsletter:#ffffff;
  --color_footer_button:      #1F6F1D;
  --color_footer_button_text: #ffffff;
  --color_footer_highlight:   #1F6F1D;

  /* Tipografia */
  --font_family:              'Montserrat', system-ui, sans-serif;
}

/* ----------------------------------------------------------------
   2) TOKENS NORMALIZADOS (Nomenclatura semântica padrão)
   ---------------------------------------------------------------- */
:root {
  /* — Cor — */
  --eqx-primary:          #43A51B;  /* Sannagro brand Green */
  --eqx-primary-contrast: #1F6F1D;  /* Darker green shade for text/buttons on light backgrounds */
  --eqx-primary-hover:    #2F8F22;  /* Hover state/alternative high contrast */
  --eqx-primary-light:    #7ED957;  /* Lighter green tint for accents */
  --eqx-success:          #2E9E3F;  /* Verde de confiança (frete, pagamentos) */
  --eqx-whatsapp:         #25b830;  /* Botão WhatsApp */
  --eqx-ink:              #242424;  /* Títulos / texto pesado */
  --eqx-text:             #121A14;  /* Corpo de texto padrão */
  --eqx-surface:          #ffffff;  /* Superfícies de cards e seções brancas */
  --eqx-surface-alt:      #f2f2f2;  /* Fundo neutro de alternância */
  --eqx-surface-warm:    #EEF7E8;  /* Light green surface */
  --eqx-on-primary:       #ffffff;  /* Texto sobre botão primário de alto contraste */
  --eqx-on-primary-dark:  #000000;  /* Text on lighter green surfaces */
  --eqx-utility-bar:      #121A14;  /* Barra superior e elementos utilitários */
  --eqx-overlay-dark:     #000000;

  /* — Tipografia — (base densa ~14px, root 16px) */
  --eqx-font:             'Montserrat', system-ui, sans-serif;
  --eqx-fs-2xs:           0.75rem;   /* 12px — labels, badges */
  --eqx-fs-xs:            0.825rem;  /* 13px */
  --eqx-fs-sm:            0.875rem;  /* 14px — corpo base (dominante) */
  --eqx-fs-md:            1rem;      /* 16px */
  --eqx-fs-lg:            1.125rem;  /* 18px */
  --eqx-fs-xl:            1.25rem;   /* 20px — subtítulos */
  --eqx-fs-2xl:           1.5rem;    /* 24px */
  --eqx-fs-3xl:           1.75rem;   /* 28px — títulos de seção */
  --eqx-fw-regular:       400;
  --eqx-fw-medium:        500;
  --eqx-fw-semibold:      600;       /* Ênfase dominante (labels, preços) */
  --eqx-fw-bold:          700;       /* Títulos */

  /* — Raio — (cantos de elementos) */
  --eqx-radius-sm:        4px;
  --eqx-radius:           6px;       /* padrão (dominante) */
  --eqx-radius-md:        8px;       /* cards */
  --eqx-radius-lg:        10px;
  --eqx-radius-pill:      50px;      /* botões pílula / tags */
  --eqx-radius-circle:    50%;

  /* — Sombra — (leves, tema claro) */
  --eqx-shadow-sm:        0 2px 6px rgba(0,0,0,0.07);    /* card sutil */
  --eqx-shadow:           0 4px 8px rgba(0,0,0,0.11);    /* elevado */
  --eqx-shadow-md:        0 3px 5px rgba(0,0,0,0.15);    /* destaque */

  /* — Layout — */
  --eqx-container:        1300px;    /* container de conteúdo */
  --eqx-container-wide:   1450px;    /* container estendido para resoluções grandes */

  /* — Movimento — */
  --eqx-transition:       0.2s ease-out;   /* micro-interação padrão */
  --eqx-transition-slow:  0.3s ease-out;
}