/* Design tokens Akabamentus -- extraidos do handoff Claude Design (Home.dc.html, v1).
   Fonte de verdade para site/index.html, site/produtos/index.html e site/admin/index.html.
   Nao redefinir estes valores localmente nesses arquivos -- so consumir via var(--token).
   Trocado de v2 pra v1 em 2026-08-27 a pedido do cliente (ver docs/HANDOFF.md). */
:root {
  /* fontes */
  --font-display: 'Archivo', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;

  /* cores */
  --ink: #121316;
  --ink-hero-bg: #121316;
  --white: #ffffff;
  --accent: #C1121F;
  --accent-dark: #8F0D17;
  --bg-soft: #F7F6F4;
  --bg-placeholder: #E9E7E3;
  --bg-placeholder-2: #1A1D20;
  --text-muted-1: #5F646A;
  --text-muted-2: #6E7378;
  --text-muted-3: #9A9EA3;
  --text-muted-4: #42464B;
  --text-placeholder-label: #8A8E93;
  --border-1: #E4E2DE;
  --border-2: #EFEEEB;
  --whatsapp-green: #25D366;
  --whatsapp-green-dark: #1DA851;

  /* containers */
  --container-wide: 1560px;
  --container-narrow: 1180px;
  --container-pad-x: clamp(18px, 4vw, 64px);

  /* espacamento vertical de secao */
  --pad-section-lg: clamp(72px, 10vw, 150px);
  --pad-section-sm: clamp(64px, 8vw, 110px);

  /* easing padrao */
  --ease-standard: cubic-bezier(.22, 1, .36, 1);

  /* radius */
  --radius-pill: 999px;
  --radius-card: 4px;

  /* sombras (card de produto e FAB sao hover-only / permanente, ver home.css) */
  --shadow-card-hover: 0 22px 50px -24px rgba(18, 19, 22, .28);
  --shadow-float-card: 0 26px 60px -30px rgba(18, 19, 22, .3);
  --shadow-fab: 0 18px 40px -14px rgba(18, 19, 22, .55);
  --shadow-header-scrolled: 0 10px 34px -18px rgba(18, 19, 22, .28);
}

@keyframes akb2-dot {
  0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, .55); }
  70% { box-shadow: 0 0 0 12px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

@keyframes akb2-kb {
  from { transform: scale(1.02) translate3d(0, 0, 0); }
  to { transform: scale(1.16) translate3d(-1.2%, -1%, 0); }
}

/* reveal-on-scroll padrao ([data-reveal]) */
[data-reveal] {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .9s var(--ease-standard), transform .9s var(--ease-standard);
}
[data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

/* zoom de imagem no hover ([data-zoom] contendo img) */
[data-zoom] { overflow: hidden; }
[data-zoom] img { transition: transform 1.3s var(--ease-standard); }
[data-zoom]:hover img { transform: scale(1.06); }