/* ===========================================================================
   GALERIE LEHALLE — Effects: radii, borders, shadows, motion
   The gallery aesthetic is architectural and crisp: corners are nearly square,
   shadows are barely-there (work hangs flat on a wall), and motion is slow and
   eased — never bouncy.
   =========================================================================== */

:root {
  /* --- Radii (kept minimal — gallery surfaces are sharp) ------------------ */
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   3px;
  --radius-md:   4px;
  --radius-pill: 999px;  /* used only on chips/avatars */

  /* --- Border widths ------------------------------------------------------ */
  --border-hair:  1px;
  --border-frame: 1.5px;  /* the thin "frame" rule echoing the logo box */

  /* --- Shadows (whisper-soft, warm-tinted) -------------------------------- */
  --shadow-none: none;
  --shadow-xs:  0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent);
  --shadow-sm:  0 2px 8px color-mix(in srgb, var(--ink) 7%, transparent);
  --shadow-md:  0 10px 30px -12px color-mix(in srgb, var(--ink) 18%, transparent);
  --shadow-lg:  0 24px 60px -24px color-mix(in srgb, var(--ink) 24%, transparent);

  /* --- Motion ------------------------------------------------------------- */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);      /* @kind other */
  --duration-fast:   140ms;  /* @kind other */
  --duration-normal: 240ms;  /* @kind other */
  --duration-slow:   420ms;  /* @kind other */
  /* image reveals / zooms */
  --duration-image:  640ms;  /* @kind other */
}