/* ============================================================
   Emmunity — Elevation, shadows & motion
   (source of truth: official brand book). Shadows are cool, low
   contrast (navy-tinted) in light; deep & soft in dark. The brand
   glow sits under anything primary. All theme-aware.
   ============================================================ */
:root {
  /* Brand glow — theme-invariant-ish (tuned per theme below) */
  --shadow-brand-sm: 0 8px 18px rgba(37, 97, 250, 0.28);
  --shadow-inset-top: inset 0 1px 0 rgba(255,255,255,0.18);

  /* ---- Motion --------------------------------------------- */
  --ease:          cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);      /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);     /* @kind other */
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */

  --dur-fast:   120ms;  /* @kind other */
  --dur-base:   200ms;  /* @kind other */
  --dur-slow:   320ms;  /* @kind other */

  --press-scale: 0.97;  /* @kind other */
  --focus-ring: 0 0 0 3px var(--info-bg);
}

/* ---- Theme-aware elevation ------------------------------- */
:root,
[data-theme="light"] {
  --shadow:    0 2px 10px rgba(0, 29, 103, 0.05);
  --shadow-lg: 0 12px 30px rgba(0, 29, 103, 0.09);
  --shadow-brand: 0 10px 22px rgba(37, 97, 250, 0.28);

  /* back-compat */
  --shadow-xs: var(--shadow);
  --shadow-sm: var(--shadow);
  --shadow-md: var(--shadow);
}

[data-theme="dark"] {
  --shadow:    0 2px 12px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.55);
  --shadow-brand: 0 12px 28px rgba(37, 97, 250, 0.40);

  --shadow-xs: var(--shadow);
  --shadow-sm: var(--shadow);
  --shadow-md: var(--shadow);
}