/* ============================================================
   EFFECTS — gradients, motion, blur. The brand leans on clean
   glass / water / sky cues: cool blue gradients + soft sparkle.
   ============================================================ */
:root {
  /* Gradients */
  --bks-grad-sky:    linear-gradient(160deg, var(--bks-sky-100) 0%, #ffffff 70%);
  --bks-grad-brand:  linear-gradient(135deg, var(--bks-blue-600) 0%, var(--bks-blue-500) 55%, var(--bks-sky-500) 120%);
  --bks-grad-ink:    linear-gradient(165deg, var(--bks-navy-800) 0%, var(--bks-navy-950) 100%);
  --bks-grad-hero:   linear-gradient(180deg, rgba(8,37,77,0) 0%, rgba(8,37,77,0.55) 70%, rgba(8,37,77,0.82) 100%); /* @kind other */
  --bks-grad-droplet: radial-gradient(120% 120% at 30% 20%, var(--bks-sky-400) 0%, var(--bks-blue-600) 55%, var(--bks-navy-700) 110%);

  /* Glass / blur (subtle, used on sticky header over imagery) */
  --bks-glass-bg:   rgba(255, 255, 255, 0.82);
  --bks-glass-blur: saturate(150%) blur(12px); /* @kind other */
  --bks-glass-ink-bg: rgba(8, 37, 77, 0.6);

  /* Motion — calm, confident easing. No bounce. */
  --bks-ease:        cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --bks-ease-out:    cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --bks-dur-fast:    140ms; /* @kind other */
  --bks-dur:         220ms; /* @kind other */
  --bks-dur-slow:    400ms; /* @kind other */

  /* Interaction deltas (documented standard, applied by components) */
  --bks-hover-lift:  -2px;   /* cards/buttons translateY on hover */
  --bks-press-scale: 0.97;   /* @kind other */ /* active scale */
}