/* ==========================================================================
   Design Tokens — Shadows
   ========================================================================== */
:root {
  --shadow-xs: 0 1px 2px rgb(var(--color-text-rgb) / 0.05);
  --shadow-sm: 0 1px 3px rgb(var(--color-text-rgb) / 0.08);
  --shadow-md: 0 4px 12px rgb(var(--color-text-rgb) / 0.08);
  --shadow-lg: 0 12px 28px rgb(var(--color-text-rgb) / 0.12);
  --shadow-xl: 0 24px 48px rgb(var(--color-text-rgb) / 0.16);
  --shadow-focus: 0 0 0 0.2rem rgb(var(--color-primary-rgb) / 0.3);
}