/* ===========================================================================
   Composio — Elevation & atmosphere
   No drop-shadow tiers. Depth comes from the brightness ladder (surface
   tokens) plus radial blue spotlight glows behind hero & CTA content.
   =========================================================================== */

:root {
  /* The signature radial spotlight. Drop behind centered hero content. */
  --spotlight-glow: radial-gradient(
    closest-side,
    rgba(26, 38, 255, 0.40) 0%,
    rgba(0, 7, 205, 0.16) 45%,
    rgba(0, 7, 205, 0.04) 68%,
    transparent 82%
  ); /* @kind color */

  /* A softer, wider wash for pre-footer CTA bands. */
  --spotlight-glow-soft: radial-gradient(
    closest-side,
    rgba(26, 38, 255, 0.26) 0%,
    rgba(0, 7, 205, 0.10) 50%,
    transparent 78%
  ); /* @kind color */

  /* Accessibility — focus ring for inputs & keyboard nav (not a shadow tier). */
  --focus-ring: 0 0 0 3px rgba(0, 7, 205, 0.55);

  /* The only sanctioned "shadow": a subtle ambient lift for floating menus
     (dropdowns / dialogs) so they read above the brightness ladder. */
  --overlay-lift: 0 16px 48px -12px rgba(0, 0, 0, 0.8);
}