/* ==========================================================================
   Ostemio · Design tokens
   Estratti da Ostemio Brand Guidelines v1.0
   ========================================================================== */
:root{
  /* ── palette primaria ── */
  --terra:#a9411b;
  --terra-l:#c25a3a;
  --oliva:#4d6c3c;
  --oliva-l:#7ba066;
  --crema:#f5edd8;
  --nero:#1c1410;
  --pelle:#f0d4b0;

  /* ── superfici ── */
  --bg:#faf8f4;
  --bg2:#f5f3ef;
  --bg3:#ffffff;
  --border:rgba(28,20,16,.08);
  --border2:rgba(28,20,16,.15);

  /* ── testo ── */
  --txt:#1c1410;
  --txt2:#5a4a3a;
  --txt3:#8a7a6a;

  /* ── semantici ── */
  --s-ok:#2d6a4a;       --s-ok-bg:#e8f5ee;
  --s-no:#7a2238;       --s-no-bg:#f5e8eb;
  --s-warn:#956c0e;     --s-warn-bg:#fdf4e0;
  --s-wait:#3d5f6e;     --s-wait-bg:#e8f0f4;
  --s-off:#8a7d72;      --s-off-bg:#f0ece7;

  /* ── spaziatura ── */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px;
  --sp-12:48px;--sp-16:64px;--sp-24:96px;

  /* ── raggi ── */
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:16px;
  --radius-xl:24px;
  --radius-full:9999px;

  /* ── tipografia ── */
  --pf:'Playfair Display',Georgia,serif;
  --dm:'DM Sans',system-ui,sans-serif;

  /* ── motion: durate ── */
  --dur-micro:80ms;     /* feedback tattile, hover */
  --dur-fast:150ms;     /* focus, chip, badge */
  --dur-medium:250ms;   /* toast, stato, dropdown */
  --dur-slow:350ms;     /* modale, page slide */
  --dur-patient:600ms;  /* successo, onboarding */

  /* ── motion: easing ── */
  --ease-out:cubic-bezier(0.16,1,0.3,1);     /* elementi in entrata */
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1); /* feedback tattile, selezione */
  --ease-smooth:cubic-bezier(0.4,0,0.2,1);   /* cambi di stato, colore */

  /* ── safe area (notch/home indicator) ── */
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
}