/* WACH — Design tokens. Mete fichye sa a AN PREMYE, anvan lòt CSS yo. */
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,800&family=DM+Sans:wght@400;500;700&display=swap");
:root:root{
  /* Koulè */
  --wach-bg:#FBF9F2;        /* fon paj */
  --wach-card:#FFFFFF;      /* kat */
  --wach-text:#2A2117;      /* tèks prensipal */
  --wach-text-2:#665B4E;    /* tèks segondè (pa pi pal pase sa) */
  --wach-yellow:#FFD233;    /* SÈLMAN bouton prensipal + badj Vedèt + bouton Vann */
  --wach-yellow-soft:#FFF6D6;/* fon ikòn kategori */
  --wach-yellow-ink:#6B4E00;/* ti tit jòn (eyebrow) */
  --wach-muted:#F2EFE6;     /* fon foto ki poko chaje */
  --wach-border:#E7E3D8;
  --wach-red:#D93A2B;       /* pwen notifikasyon */
  /* Fòm */
  --wach-font-title:"Bricolage Grotesque",system-ui,sans-serif;
  --wach-font-body:"DM Sans",system-ui,sans-serif;
  --wach-radius-card:16px; --wach-radius-hero:24px; --wach-radius-pill:999px;
  --wach-shadow-card:0 1px 2px rgba(42,33,23,.06),0 6px 20px -8px rgba(42,33,23,.12);
  --wach-shadow-fab:0 10px 24px -6px rgba(230,170,0,.6);
  /* Espas */
  --wach-side:16px; --wach-section-gap:32px; --wach-grid-gap:12px;
}
body{background:var(--wach-bg);color:var(--wach-text);font-family:var(--wach-font-body);}
h1,h2,h3,.price{font-family:var(--wach-font-title);}

/* Shared neutral effects and aliases: old components consume the same palette. */
:root:root{
 --wach-header-bg:rgba(251,249,242,.90);
 --wach-glass:rgba(255,255,255,.95);
 --wach-heart-bg:rgba(255,255,255,.90);
 --wach-hero-shade:linear-gradient(120deg,rgba(42,33,23,.85) 0%,rgba(42,33,23,.30) 60%,transparent);
 --wach-transparent:transparent;
 --wach-surface:var(--wach-card);
 --wach-yellow-muted:var(--wach-text-2);
 --wach-yellow-line:var(--wach-border);
 --wach-yellow-hover:var(--wach-yellow);
 --ink:var(--wach-text); --muted:var(--wach-text-2);
 --line:var(--wach-border); --soft:var(--wach-bg);
 --surface:var(--wach-card); --surface-alt:var(--wach-muted);
}