/* Swaystack — Elevation, border & motion tokens.
   Shadows are soft and neutral (Midnight Violet tint). Brand shadow uses Vivid Blue for CTAs. */
:root {
  --shadow-xs: 0 1px 2px rgba(30, 25, 39, 0.06);
  --shadow-sm: 0 1px 3px rgba(30, 25, 39, 0.08), 0 1px 2px rgba(30, 25, 39, 0.05);
  --shadow-md: 0 6px 16px rgba(30, 25, 39, 0.09);
  --shadow-lg: 0 14px 32px rgba(30, 25, 39, 0.12);
  --shadow-xl: 0 28px 60px rgba(30, 25, 39, 0.16);
  --shadow-brand: 0 10px 26px rgba(29, 41, 255, 0.30);
  --shadow-focus: 0 0 0 4px var(--focus-ring);

  --border-width: 1px;
  --border-width-thick: 2px;

  /* motion — quick, confident, slight ease-out; no bounces */
  --ease-standard: cubic-bezier(0.2, 0.6, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in: cubic-bezier(0.4, 0, 1, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 180ms; /* @kind other */
  --dur-slow: 280ms; /* @kind other */

  /* gradients — brand-forward, used sparingly on hero / reward surfaces */
  --gradient-brand: linear-gradient(120deg, #1D29FF 0%, #6C74FF 100%); /* @kind other */
  --gradient-aqua: linear-gradient(120deg, #1D29FF 0%, #56FBDB 100%); /* @kind other */
  --gradient-mint: linear-gradient(120deg, #00C08D 0%, #56FBDB 100%); /* @kind other */
  --gradient-dark: linear-gradient(160deg, #1E1927 0%, #0A1180 100%); /* @kind other */
}