/* ==========================================================================
   ConjugaPrisma — design tokens
   Valores extraidos do skin Porto em producao (Set/2025) para que o site novo
   fique visualmente igual. Alterar aqui propaga para todo o tema.
   ========================================================================== */
:root{
  /* --- Cor --------------------------------------------------------------- */
  --cp-primary:#33b9bf;            /* teal da marca: botoes, links, realces   */
  --cp-primary-dark:#2a9ba0;
  --cp-primary-light:#5fcbd0;
  --cp-primary-tint:#eaf8f9;       /* fundos suaves                           */
  --cp-secondary:#a7144c;          /* bordo: badges promocionais              */
  --cp-accent:#f83737;             /* vermelho: saldos, alertas, "Outlet"     */

  --cp-dark:#222529;               /* header escuro / footer / titulos        */
  --cp-dark-soft:#2b2b2d;
  --cp-body:#5b5b5b;               /* texto corrente                          */
  --cp-muted:#8c8c8c;              /* metadados, categorias, placeholders     */
  --cp-line:#e2e2e2;               /* bordas                                  */
  --cp-line-soft:#f0f0f0;
  --cp-bg:#ffffff;
  --cp-bg-alt:#f4f4f4;             /* faixas alternadas                       */

  --cp-ok:#4caf50;
  --cp-warn:#e0a800;
  --cp-err:#d63638;

  /* --- Tipografia -------------------------------------------------------- */
  --cp-font-body:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --cp-font-head:'Oswald',var(--cp-font-body);

  --cp-fs-xs:.75rem;    /* 12 */
  --cp-fs-sm:.8125rem;  /* 13 */
  --cp-fs-base:.875rem; /* 14 — o Porto usa 14px de corpo                     */
  --cp-fs-md:1rem;
  --cp-fs-lg:1.125rem;
  --cp-fs-xl:1.375rem;
  --cp-fs-2xl:1.75rem;
  --cp-fs-3xl:2.25rem;

  --cp-lh-tight:1.2;
  --cp-lh:1.6;

  /* --- Espacamento (escala 4px) ------------------------------------------ */
  --cp-1:.25rem; --cp-2:.5rem;  --cp-3:.75rem; --cp-4:1rem;
  --cp-5:1.5rem; --cp-6:2rem;   --cp-7:3rem;   --cp-8:4rem;  --cp-9:6rem;

  /* --- Forma ------------------------------------------------------------- */
  --cp-radius:3px;
  --cp-radius-lg:6px;
  --cp-shadow-sm:0 1px 3px rgba(0,0,0,.08);
  --cp-shadow:0 4px 14px rgba(0,0,0,.10);
  --cp-shadow-lg:0 10px 34px rgba(0,0,0,.14);

  /* --- Layout ------------------------------------------------------------ */
  --cp-container:1200px;
  --cp-container-pad:15px;
  --cp-header-h:100px;
  --cp-header-h-sticky:70px;
  --cp-z-header:1000;
  --cp-z-dropdown:1010;
  --cp-z-overlay:1100;
  --cp-z-modal:1110;

  --cp-transition:.25s ease;
}

/* O site e' assumidamente claro (igual ao actual). Respeitamos apenas o pedido
   de reduzir movimento — melhoria de acessibilidade, sem mexer no layout. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
}