/* ============================================================
   SHADOW — soft, navy-tinted elevation + a blue glow for CTAs
   ============================================================ */
:root {
  --bks-shadow-xs: 0 1px 2px rgba(8, 37, 77, 0.06);
  --bks-shadow-sm: 0 1px 2px rgba(8, 37, 77, 0.06), 0 2px 6px rgba(8, 37, 77, 0.07);
  --bks-shadow-md: 0 6px 16px -4px rgba(8, 37, 77, 0.12), 0 2px 6px rgba(8, 37, 77, 0.06);
  --bks-shadow-lg: 0 18px 40px -12px rgba(8, 37, 77, 0.22), 0 6px 14px -8px rgba(8, 37, 77, 0.12);
  --bks-shadow-xl: 0 32px 64px -16px rgba(8, 37, 77, 0.28);

  /* Brand glow — primary CTAs, droplet emphasis */
  --bks-shadow-brand: 0 12px 28px -8px rgba(14, 99, 224, 0.5);
  --bks-shadow-brand-sm: 0 6px 16px -6px rgba(14, 99, 224, 0.45);

  /* Inset hairline for crisp card edges on tinted backgrounds */
  --bks-ring-inset: inset 0 0 0 1px rgba(8, 37, 77, 0.06);
}