/* tokens/_shadows.css
   Elevation presets: one soft family, from a resting card (xs) to a dragged
   window (xl). Borders draw a surface's edge; a shadow only lifts it.
*/

:root {
  /* Base RGB tuple used by shadow presets; themes may override. */
  --shadow-rgb: 0, 0, 0;

  --shadow-none: none;
  --shadow-xs: 0 1px 2px rgba(var(--shadow-rgb), var(--opacity-5));
  --shadow-sm: 0 1px 3px rgba(var(--shadow-rgb), var(--opacity-8));
  --shadow-md: 0 2px 8px rgba(var(--shadow-rgb), var(--opacity-8));
  --shadow-lg: 0 6px 16px rgba(var(--shadow-rgb), var(--opacity-10));
  --shadow-xl: 0 12px 28px rgba(var(--shadow-rgb), var(--opacity-15));
  /* A floating window: lifted clear of the plot, with a tight contact
     shadow so its edge reads at a glance. */
  --shadow-floating: 0 1px 2px rgba(var(--shadow-rgb), var(--opacity-8)),
    0 8px 24px rgba(var(--shadow-rgb), var(--opacity-15));
}