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

/* ----------------------------------------------------------------
   1) TOKENS DE COMPATIBILIDADE (Equivalentes à estrutura original)
   ---------------------------------------------------------------- */
:root {
  /* Marca / ação */
  --color_primary:            #F59B05;  /* Âmbar oficial da marca */
  --color_primary_contrast:   #B95500;  /* Âmbar escuro para garantir contraste WCAG AA >= 4.5:1 */
  --color_primary_medium:     #F59B05;
  --color_secondary_medium:   #F59B05;
  --color_button_menu:        #B95500;  /* Botão de menu/departamentos com alto contraste */
  --color_button_menu_text:   #ffffff;
  --color_news_text:          #B95500;  /* 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:          #F59B05;  /* Header principal (âmbar) */
  --color_header_highlight:   #f2f2f2;
  --color_header_second_font: #242424;
  --color_top_header_bg:      #393939;  /* Barra utilitária do topo (cinza escuro) */
  --color_top_header_font:    #ffffff;
  --color_text_icon_head:     #242424;  /* Ícones e textos escuros sobre fundo âmbar para legibilidade (7.2:1) */

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

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

  /* Texto / neutros */
  --color_text_global:        #393939;  /* 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:      #B95500;
  --color_footer_button_text: #ffffff;
  --color_footer_highlight:   #B95500;

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

/* ----------------------------------------------------------------
   2) TOKENS NORMALIZADOS (Nomenclatura semântica padrão)
   ---------------------------------------------------------------- */
:root {
  /* — Cor — */
  --eqx-primary:          #F59B05;  /* SannarTech brand Amber */
  --eqx-primary-contrast: #B95500;  /* Darker amber shade for text/buttons on light backgrounds */
  --eqx-primary-hover:    #E47600;  /* Hover state/alternative high contrast */
  --eqx-success:          #2E9E3F;  /* Verde de confiança (frete, pagamentos) */
  --eqx-whatsapp:         #25b830;  /* Botão WhatsApp */
  --eqx-ink:              #242424;  /* Títulos / texto pesado */
  --eqx-text:             #393939;  /* 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-on-primary:       #ffffff;  /* Texto sobre botão primário de alto contraste */
  --eqx-on-primary-dark:  #242424;  /* Texto sobre primário padrão (#F59B05) */
  --eqx-utility-bar:      #393939;  /* 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;
}