/* VTS Design System — Elevation
   Soft layered shadows: one slate tint (16,24,40), low alpha per layer,
   blur ≥ 2× offset, negative spread to keep edges diffuse and tucked.
   Each step adds a longer ambient layer instead of raising alpha. */

:root {
  /* ---- Base elevation ramp ---- */
  --p-shadow-none: none;
  --p-shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
  --p-shadow-sm: 0 1px 2px -1px rgba(16, 24, 40, 0.04), 0 2px 5px -1px rgba(16, 24, 40, 0.05);
  --p-shadow-md: 0 2px 4px -2px rgba(16, 24, 40, 0.05), 0 6px 12px -3px rgba(16, 24, 40, 0.07);
  --p-shadow-lg: 0 4px 8px -4px rgba(16, 24, 40, 0.05), 0 12px 24px -6px rgba(16, 24, 40, 0.09);
  --p-shadow-xl: 0 8px 16px -6px rgba(16, 24, 40, 0.06), 0 24px 48px -12px rgba(16, 24, 40, 0.11);

  /* ---- Component elevations ---- */
  --p-card-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.03), 0 2px 6px -1px rgba(16, 24, 40, 0.05);
  --p-overlay-shadow: 0 2px 4px -2px rgba(16, 24, 40, 0.06), 0 8px 16px -4px rgba(16, 24, 40, 0.08), 0 20px 40px -8px rgba(16, 24, 40, 0.12);
  --p-button-raised-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.06), 0 3px 8px -2px rgba(16, 24, 40, 0.12);

  /* ---- Borders ---- */
  --p-border-width: 1px;
  --p-border-width-thick: 2px;
}