/* ==========================================================================
   PRIMEBR PARTS - DESIGN TOKENS (mapeados do PrimeBR Parts Design System)
   Estrutura do template intacta; só cores, fontes, raios e sombras vêm do DS
   ========================================================================== */

:root, html {
  /* Tipografia: Google Sans (só 400/700 no DS) + JetBrains Mono p/ SKUs */
  --font_family: 'Google Sans', 'Helvetica Neue', Arial, sans-serif;
  --font_mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
  --font_weight: 400;
  --font_style: normal;
  --font_weight_regular: 400;
  --font_weight_medium: 500;
  --font_weight_semibold: 600;
  --font_weight_bold: 700;

  /* Cores Base e Primárias */
  --color_base: #1D4ED8;
  --color_base_hover: #1740B0;
  --color_base_font: #FFFFFF;
  --color_primary: #1D4ED8;
  --color_primary_medium: #1740B0;
  --color_primary_light: #4571DF;

  /* Cores de Destaque (Comprar, Tags Promocionais, etc) */
  --color_highlight: #1D4ED8;
  --color_highlight_hover: #1740B0;
  --color_highlight_font: #FFFFFF;
  --color_secondary_medium: #2EA8AA;
  --color_gray_medium: #5E5E5E;
  --color_gray_dark: #2E2E2E;

  /* Gradiente da marca (só ícone/acentos, nunca em botões) */
  --gradient_brand: linear-gradient(135deg, #1D4ED8 0%, #2EA8AA 45%, #C8D44A 100%);

  /* Status */
  --color_success: #1FAF5E;
  --color_warning: #D48A10;
  --color_error: #D93030;

  /* Cores de Texto e Neutras */
  --color_font: #111111;
  --color_font_secondary: #5E5E5E;
  --color_font_medium: #5E5E5E;
  --color_font_dark: #111111;
  --color_font_light: #111111;
  --color_font_inverted: #FFFFFF;
  --color_border: #EBEBEB;
  --color_background: #FFFFFF;
  --color_bg_light: #F5F5F5;
  --color_line_info_bg: #F5F5F5;
  --color_star_gold: #FFB800;

  /* Cores do Cabeçalho */
  --color_topbar_bg: #0A0A0A;
  --color_topbar_font: #FFFFFF;
  --color_header_bg: #FFFFFF;
  --color_header_main_font: #111111;
  --color_header_second_font: #5E5E5E;
  --color_header_highlight: #1D4ED8;
  --color_header_cart_count: #1D4ED8;
  --color_header_details: #1D4ED8;

  /* Cores do Rodapé */
  --color_footer_bg: #FFFFFF;
  --color_footer_main_font: #111111;
  --color_footer_second_font: #5E5E5E;
  --color_footer_highlight: #1D4ED8;
  --color_footer_button: #1D4ED8;
  --color_footer_details: #1D4ED8;

  /* Selos e Banners */
  --color_seal: #FFFFFF;
  --color_bg_seal: #1D4ED8;
  --color_banners: #EBEBEB;

  /* Badges de Produto */
  --badge_new_bg: #1D4ED8;
  --badge_discount_bg: #D93030;
  --badge_featured_bg: #111111;
  --badge_soldout_bg: #5E5E5E;

  /* Geometria: pílula p/ botões/inputs, 12px p/ cards (DS) */
  --border_radius: 50px;
  --border_radius_pill: 50px;
  --border_radius_card: 12px;
  --border_radius_circle: 50%;

  /* Transições e Sombras */
  --shadow_subtle: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow_header: 0 4px 8px rgba(0, 0, 0, 0.06);
  --shadow_card: 0 4px 12px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08);
  --shadow_hover: 0 8px 24px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.08);
  --transition_default: ease-out 0.18s;
  --shadow_blue: 0 4px 20px rgba(29, 78, 216, 0.30);
  --transition_smooth: ease-out 0.3s;
}