/* ============================================================
   Fyld — Radius, Shadow & Effects
   Pill controls, softly-rounded cards, blocky data tiles.
   Restrained elevation: structure comes from hairlines, not
   heavy shadows. Blur is used only on sticky chrome.
   ============================================================ */

:root {
  /* ---- Corner radius ---- */
  --r-tile:   7px;    /* data tiles, tracks, small inputs */
  --r-card:   12px;   /* default card / panel */
  --r-lg:     16px;   /* large panels, sheets */
  --r-xl:     18px;   /* hero / stage frames */
  --r-pill:   50px;   /* buttons, chips, status tags */
  --r-full:   999px;

  /* ---- Shadows — light surface ----
     Two-layer (ambient + key) so cards read as objects with depth, not
     flat panels with a single drop shadow. This is what separates an
     "instrument" from a generic admin panel. */
  --shadow-sm:    0 1px 1px rgba(20, 22, 27, 0.04), 0 1px 2px rgba(20, 22, 27, 0.06);
  --shadow-md:    0 2px 4px rgba(20, 22, 27, 0.06), 0 8px 20px rgba(20, 22, 27, 0.10);
  --shadow-lg:    0 4px 8px rgba(20, 22, 27, 0.06), 0 24px 56px rgba(20, 22, 27, 0.14);
  --shadow-pop:   0 2px 6px rgba(20, 22, 27, 0.10), 0 8px 24px rgba(20, 22, 27, 0.18);  /* menus, dialogs */
  --shadow-hover: 0 4px 8px rgba(20, 22, 27, 0.06), 0 16px 36px rgba(20, 22, 27, 0.13); /* interactive lift */

  /* ---- Shadows — command (dark) ground ---- */
  --shadow-d-md: 0 6px 20px rgba(0, 0, 0, 0.45);
  --shadow-d-lg: 0 24px 60px rgba(0, 0, 0, 0.55);

  /* ---- Focus ring ---- */
  --ring: 0 0 0 3px var(--steel-soft);
  --ring-molten: 0 0 0 3px var(--molten-soft);

  /* ---- Sticky-chrome blur ---- */
  --chrome-blur: blur(12px); /* @kind other */

  /* ---- Motion ----
     Quick, mechanical. No bounce on data; one easing everywhere. */
  --ease:      cubic-bezier(0.2, 0.7, 0.2, 1); /* @kind other */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:  0.14s; /* @kind other */
  --dur:       0.2s; /* @kind other */
  --dur-slow:  1.2s; /* @kind other */ /* gauge / fill fills */
}