/* ==========================================================================
   TEMA: unique (padrão)
   ==========================================================================

   Este arquivo é carregado DEPOIS de tokens.css, base.css e components.css.
   Ele só sobrescreve variáveis — nunca escreve regra de componente.

   Use-o como modelo: copie para <cliente>.css, mude os valores e aponte
   'theme' => '<cliente>' em config/tenants/<cliente>.php.
   ========================================================================== */

:root {
  /* Identidade da marca — azul Unique */
  --brand-50:  #eef4ff;
  --brand-100: #d9e6ff;
  --brand-200: #bcd3ff;
  --brand-300: #8eb6ff;
  --brand-400: #598eff;
  --brand-500: #3366f2;
  --brand-600: #1f47d8;
  --brand-700: #1a37ae;
  --brand-800: #1b318a;
  --brand-900: #1c2e6d;

  /* Laranja de destaque para ofertas e CTA secundário */
  --accent-400: #fb923c;
  --accent-500: #f97316;
  --accent-600: #ea580c;

  /* Geometria: cantos suaves, sem exagero */
  --radius-button: var(--radius-md);
  --radius-card:   var(--radius-lg);
  --radius-input:  var(--radius-md);

  /* Vitrine: 4 colunas no desktop, imagem quadrada com fundo branco */
  --grid-products-desktop: 4;
  --product-image-ratio: 1 / 1;
  --product-image-fit: contain;

  /* Tipografia neutra e legível */
  --font-display: var(--font-sans);
  --weight-black: 800;
}