/* CHIWI — tokens de marca compartidos · herramientas gratuitas
   Fuente de tokens: chiwi-landing/index.html + CHIWI_Guia_Color_v1.md */
:root{
  --cream:#F5EDD0; --cream-card:#FCF8E8; --cream-deep:#EFE5C2;
  --choco:#3D2B1A; --choco-mid:#5A4632; --choco-dark:#2A1D11;
  --amber:#C9963A; --amber-deep:#B07F2A;
  --mint:#A8E6CF; --mint-deep:#7DD4B5;
  /* Semáforo de estado (decisión de diseño: terracota cálido para "riesgo",
     coherente con paleta; pendiente OK coordinador) */
  --riesgo:#B0472A;
  --ease:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  font-family:'Space Grotesk',sans-serif; background:var(--cream); color:var(--choco);
  -webkit-font-smoothing:antialiased; overflow-x:hidden; line-height:1.6;
  background-image:radial-gradient(rgba(61,43,26,.05) 1px, transparent 1px);
  background-size:32px 32px;
}
h1,h2,h3,h4,.display{ font-family:'Syne',sans-serif; font-weight:800; letter-spacing:-.02em; line-height:1.05; }
::selection{ background:var(--mint); color:var(--choco); }
.wm .dot{ color:var(--amber); }
.reveal{ opacity:0; transform:translateY(28px); transition:opacity .8s var(--ease), transform .8s var(--ease); }
.reveal.visible{ opacity:1; transform:none; }
.magnetic{ transition:transform .2s var(--ease), box-shadow .3s, background .2s; }
@media (prefers-reduced-motion: reduce){
  .reveal{ opacity:1 !important; transform:none !important; }
}