/* ============================================================
   wildLOGIC — Effects: elevation, blur, rings
   Shadows are soft and warm-tinted (never pure black). The
   brand also has a signature "neon glow" for accent moments,
   used sparingly on dark surfaces.
   ============================================================ */

:root {
  /* ---- Elevation (warm-tinted, low-contrast) ---------------- */
  --shadow-xs: 0 1px 2px color-mix(in oklab, var(--wl-ink-900) 8%, transparent);
  --shadow-sm: 0 2px 6px color-mix(in oklab, var(--wl-ink-900) 9%, transparent);
  --shadow-md: 0 8px 24px color-mix(in oklab, var(--wl-ink-900) 12%, transparent);
  --shadow-lg: 0 18px 48px color-mix(in oklab, var(--wl-ink-900) 16%, transparent);
  --shadow-xl: 0 32px 80px color-mix(in oklab, var(--wl-navy-900) 22%, transparent);

  /* ---- Neon glows (for dark/night surfaces only) ------------ */
  --glow-magenta: 0 0 0 1px color-mix(in oklab, var(--wl-magenta-500) 50%, transparent),
                  0 8px 40px color-mix(in oklab, var(--wl-magenta-500) 45%, transparent);
  --glow-violet:  0 0 0 1px color-mix(in oklab, var(--wl-violet-500) 50%, transparent),
                  0 8px 40px color-mix(in oklab, var(--wl-violet-500) 45%, transparent);

  /* ---- Focus ring ------------------------------------------- */
  --ring-width: 3px;
  --ring: 0 0 0 var(--ring-width) color-mix(in oklab, var(--focus-ring) 45%, transparent);

  /* ---- Blur (frosted overlays atop imagery) ----------------- */
  --blur-sm: 6px;
  --blur-md: 16px;
  --blur-lg: 32px;

  /* ---- Image treatment: the signature dark-to-clear scrim --- */
  --scrim-bottom: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--wl-ink-950) 88%, transparent) 100%);
  --scrim-night:  linear-gradient(180deg, color-mix(in oklab, var(--wl-navy-900) 35%, transparent) 0%, color-mix(in oklab, var(--wl-ink-950) 82%, transparent) 100%);
}