/* QShell effect tokens — values extracted from component CSS modules; names added for this design system */
:root {
  /* Shadows (near-invisible, ink-blue tinted) */
  --shadow-popover: 0 23px 44.3px 1px #091c370f;   /* Modal.module.css, HeaderAppsList popover */
  --shadow-header-mobile: 0 -17px 20px 1px #091c3708;

  /* Corner radii */
  --radius-pill: 40px;      /* buttons, inputs, selects */
  --radius-card: 20px;      /* app launcher cards */
  --radius-dropdown: 12px;  /* select dropdowns, popover lists */
  --radius-tooltip: 8px;    /* tooltips, outlined buttons */
  --radius-badge: 100px;    /* badges */
  --radius-circle: 50%;     /* icon buttons, avatars */

  /* Motion — one transition everywhere */
  --transition: 0.3s all;
}