/* ============================================================
   Dal Cero — Elevation, shadow & motion tokens
   Shadows are soft, cool-tinted (navy-based) and restrained —
   the brand reads minimalist and clean, never heavy.
   ============================================================ */

:root {
  /* ---- Shadows (navy-tinted, low-contrast) -------------- */
  --shadow-xs:  0 1px 2px rgba(4, 31, 71, 0.06);
  --shadow-sm:  0 1px 3px rgba(4, 31, 71, 0.08), 0 1px 2px rgba(4, 31, 71, 0.05);
  --shadow-md:  0 4px 12px rgba(4, 31, 71, 0.08), 0 2px 4px rgba(4, 31, 71, 0.05);
  --shadow-lg:  0 12px 28px rgba(4, 31, 71, 0.12), 0 4px 8px rgba(4, 31, 71, 0.06);
  --shadow-xl:  0 24px 48px rgba(4, 31, 71, 0.16);

  /* Focus ring as a layered shadow */
  --shadow-focus: 0 0 0 3px rgba(67, 153, 255, 0.45);

  /* ---- Motion ------------------------------------------- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */

  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   320ms; /* @kind other */
}