/* ============================================================
   PPLeds — variables.css
   FONTE ÚNICA da paleta, tipografia e espaçamento do site.
   Nunca redefina estes valores em outro arquivo — se uma página
   precisa de um tom diferente (ex: admin), crie apenas os tokens
   EXTRAS/DIFERENTES no :root do arquivo daquela página, e deixe
   este arquivo cuidar de tudo que é compartilhado.
   Carregar logo após reset.css.
   ============================================================ */
:root {
  /* Cores de marca — ajustado para o laranja da logo PPLeds (#FFA629) */
  --gold:      #FFA629;
  --gold-dark: #D6860F;
  --accent:    #FFC670;

  /* Neutros — usados em todo o storefront (home, produtos, carrinho, checkout, usuário, login) */
  --black: #0A0A0A;
  --dark:  #111111;
  --dark2: #1A1A1A;
  --dark3: #222222;
  --gray:  #888888;
  --light: #F2F2F2;
  --white: #FFFFFF;

  /* Tipografia */
  --fonte-titulo: 'Bebas Neue', sans-serif;
  --fonte-corpo:  'DM Sans', sans-serif;
  --fonte-mono:   'Space Mono', monospace;

  /* Espaçamento / bordas / sombra */
  --espacamento-base: 1rem;
  --raio-borda:       8px;
  --sombra-card:      0 2px 8px rgba(0, 0, 0, .12);
}