/* AI Lab — Effects: shadows, glows, motion
   Dark-first UI: shadows are deep and soft; the teal/purple glow signals
   interactivity & "AI listening". Motion is smooth and confident — no bounce. */

:root {
  /* Elevation shadows (on deep-purple surfaces) */
  --shadow-sm:    0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-card:  0 8px 30px rgba(0, 0, 0, 0.38);
  --shadow-lg:    0 20px 60px rgba(0, 0, 0, 0.5);
  --shadow-pop:   0 16px 48px rgba(14, 11, 31, 0.6);

  /* Brand glows (focus rings, active accents, hero glow) */
  --glow-purple:  0 0 0 1px rgba(149, 98, 235, 0.5), 0 0 28px rgba(91, 33, 182, 0.45);
  --glow-teal:    0 0 0 1px rgba(0, 212, 180, 0.5), 0 0 24px rgba(0, 212, 180, 0.3);
  --focus-ring:   0 0 0 3px rgba(149, 98, 235, 0.45);

  /* Hairline inset for cards (subtle top highlight) */
  --inset-hairline: inset 0 1px 0 rgba(255, 255, 255, 0.05);

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 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:      200ms; /* @kind other */
  --dur-slow:      360ms; /* @kind other */

  /* Interaction conventions:
       hover  → lift + brighten (highlight-purple), or surface-card-hover
       press  → subtle scale(0.98), darker (purple-deep)
       focus  → --focus-ring */
}