/* ITALINSTAL design tokens — design.md §2 */
:root{
  --c-page:#efe9e1;
  --c-surface:#fffdfa;
  --c-surface-2:#faf6f0;
  --c-surface-hover:#fbf8f3;
  --c-image-well:#ece6de;
  --c-line:#efe9e1;
  --c-line-2:#e2dcd3;
  --c-ink:#1f2226;
  --c-ink-2:#5f5b55;
  --c-ink-3:#8a847c;
  --c-pill-line:rgba(31,34,38,.28);
  --c-swatch-line:rgba(31,34,38,.18);
  --c-brown:#6f675e;
  --c-brown-dark:#5c554e;
  --c-brown-band:#766e65;
  --c-cream:#f1ebe3;
  --c-green:#0f8f45;
  --c-red:#d2343c;
  --c-scrim:rgba(31,34,38,.42);
  --c-white:#ffffff;
  --c-ph:#d9d0c4;
  --c-ph-ink:#7d756b;
  --f-sans:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --r-pill:999px;
  --r-card:22px;
  --r-panel:24px;
  --r-modal:26px;
  --r-footer:28px;
  --r-inner:16px;
  --r-tile:18px;
  --r-thumb:14px;
  --r-check:4px;
  --sh-hover:0 10px 28px rgba(31,34,38,.07);
  --sh-float:0 10px 30px rgba(31,34,38,.08);
  --sh-bar:0 10px 30px rgba(31,34,38,.12);
  --sh-modal:0 30px 80px rgba(31,34,38,.25);
  --container:1440px;
  --gutter: clamp(16px, 3vw, 40px);
  --gap-grid:20px;
  --gap-grid-row:36px;
  --sec-xl:96px;
  --sec-l:56px;
  --sec-m:40px;
  --t-fast:.2s;
  --t-img:.6s;
  --ease:ease;
  color-scheme:light;
}