/* ============================================================
   HRmaps Design System — RADIUS & ELEVATION
   Normalized corner radii (legacy mixed 4/8/16 randomly) and a
   3-step cool-tinted shadow scale (legacy shadows were diffuse).
   ============================================================ */

:root {
  /* ---- radius (tightened + unified vs legacy's random 4/6/14) ---- */
  --radius-xs:   3px;
  --radius-sm:   6px;
  --radius-md:   8px;    /* buttons, inputs */
  --radius-lg:   10px;   /* cards, modals */
  --radius-xl:   14px;   /* large surfaces */
  --radius-pill: 999px;  /* pills, avatars, toggles */

  /* semantic radius aliases */
  --radius-button: var(--radius-md);
  --radius-input:  var(--radius-md);
  --radius-card:   var(--radius-lg);
  --radius-badge:  var(--radius-pill);
  --radius-modal:  var(--radius-lg);

  /* ---- elevation (cool-gray tinted, low-spread) ---- */
  --shadow-xs: 0 1px 2px rgba(23, 26, 33, 0.06);
  --shadow-sm: 0 1px 2px rgba(23, 26, 33, 0.06), 0 2px 4px rgba(23, 26, 33, 0.05);
  --shadow-md: 0 2px 4px rgba(23, 26, 33, 0.06), 0 6px 12px rgba(23, 26, 33, 0.07);
  --shadow-lg: 0 8px 16px rgba(23, 26, 33, 0.08), 0 18px 36px rgba(23, 26, 33, 0.10);

  /* focus ring (uses themeable primary) */
  --ring: 0 0 0 3px var(--focus-ring);

  /* card border convention: hairline + xs shadow (not heavy drop) */
  --card-shadow: var(--shadow-sm);
  --popover-shadow: var(--shadow-md);
  --modal-shadow: var(--shadow-lg);
  /* fond assombri derriere un tiroir (menu smartphone) */
  --scrim: rgba(23, 26, 33, 0.45);

  /* motion */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-out:      cubic-bezier(0, 0, 0.2, 1);
  --duration-fast: 120ms;
  --duration-base: 180ms;
  --duration-slow: 260ms;
}