/* ============================================================
   BRIX Presentation — Shadows & effects
   Values lifted from the Style Guide Shadows frame.
   ============================================================ */

:root {
  /* — General elevation — */
  --shadow-header: 0px 5px 14px rgba(20, 20, 43, 0.05);
  --shadow-card: 0px 4px 12px rgba(13, 10, 44, 0.08);
  --shadow-card-lg: 0px 10px 30px rgba(35, 55, 128, 0.08);
  --shadow-float: 0px 24px 48px rgba(13, 10, 44, 0.10);

  /* — Layered brand logo shadow — */
  --shadow-logo: 0px 4.7px 2.7px rgba(37, 19, 120, 0.02),
                 0px 10.5px 9.2px rgba(37, 19, 120, 0.03),
                 0px 42.9px 41.2px rgba(37, 19, 120, 0.06);

  /* — Accent glow (icon badges, primary button) — */
  --shadow-accent: 0px 15px 16px rgba(74, 58, 255, 0.22);
  --shadow-accent-sm: 0px 8px 16px rgba(74, 58, 255, 0.18);

  /* — Inset hairline (cards) — */
  --ring-card: inset 0 0 0 1px var(--stroke-card);
  --ring-soft: inset 0 0 0 1px var(--color-200);

  /* — Motion — */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);     /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);  /* @kind other */
  --dur-fast: 140ms;  /* @kind other */
  --dur-base: 240ms;  /* @kind other */
  --dur-slow: 420ms;  /* @kind other */
}