/* ===========================================================================
   Rain Analytics — Elevation, borders, glow & motion tokens
   Shadows are quiet on light surfaces; on ink the brand "lifts" elements
   with a coloured accent glow rather than a black drop shadow.
   =========================================================================== */
:root {
  /* --- Shadows (light surfaces) ----------------------------------------- */
  --shadow-sm: 0 1px 2px rgba(10,11,18,.08);
  --shadow-md: 0 6px 20px rgba(10,11,18,.10);
  --shadow-lg: 0 18px 48px rgba(10,11,18,.14);

  /* --- Glow (dark surfaces) --------------------------------------------- */
  --glow-cyan:   0 0 32px rgba(63,198,255,.35);
  --glow-purple: 0 0 32px rgba(177,75,255,.38);
  --glow-orange: 0 0 32px rgba(255,122,61,.35);
  --glow-rain:   0 12px 40px rgba(177,75,255,.28);

  /* --- Borders ---------------------------------------------------------- */
  --border-width: 1px;
  --border-hair:  1px solid var(--border-subtle);

  /* --- Focus ring ------------------------------------------------------- */
  --ring: 0 0 0 3px rgba(63,198,255,.45);

  /* --- Motion ----------------------------------------------------------- */
  --ease-standard: cubic-bezier(.2,.7,.2,1); /* @kind other */
  --ease-out:      cubic-bezier(.16,1,.3,1); /* @kind other */
  --dur-fast:  120ms; /* @kind other */
  --dur-base:  200ms; /* @kind other */
  --dur-slow:  360ms; /* @kind other */
}