/* Binaura effects — radii, shadows, glows, blur, backgrounds.
   All values transcribed from the source file's inline styles. */
:root {
  /* Corner radii */
  --radius-pill: 33px;    /* buttons — full pill */
  --radius-card: 16px;    /* discover / offer cards */
  --radius-tile: 24px;    /* trending pills, tiles */
  --radius-switch: 22px;  /* switch track */
  --radius-sm: 8px;
  --radius-full: 9999px;

  /* Elevation shadows */
  --shadow-button: 0px 4px 4px 0px rgba(0,0,0,0.25);
  --shadow-card: 0px 2px 8px 2px rgba(0,0,0,0.25);
  --shadow-label: 0px 4px 4px 0px rgba(0,0,0,0.5);

  /* Purple neon glows — the core brand light effect */
  --glow-inner-lg: inset 0px 0px 16px 0px rgba(137,115,222,0.5); /* @kind shadow */
  --glow-inner-sm: inset 0px 0px 16px 0px rgba(137,115,222,0.25); /* @kind shadow */
  --glow-orb: inset 0 0 0 1px rgba(87,57,150,0.7), inset 0px 0px 16px 0px rgba(137,115,222,0.25); /* @kind shadow */
  --glow-outer: 0px 0px 24px 0px rgba(137,115,222,0.5); /* @kind shadow */

  /* Blur */
  --blur-glass: 1px;      /* orb / glass frost */
  --blur-panel: 24px;     /* tab bar / overlay panels */

  /* Signature backgrounds — the deep-space vertical gradient */
  --bg-space: linear-gradient(180deg, rgb(6,0,20) 15.73%, rgb(0,2,49) 83.50%);
  --bg-space-flat: rgb(6,0,20);
  --bg-nebula: radial-gradient(120% 80% at 50% 0%, rgba(136,99,241,0.35) 0%, rgba(6,0,20,0) 60%), linear-gradient(180deg, rgb(6,0,20) 0%, rgb(0,2,49) 100%);
  --gradient-purple-cta: linear-gradient(180deg, rgba(137,115,222,0.4) 0%, rgba(99,70,214,0.4) 100%); /* @kind color */
}