/* ── Typework v2 effects: shadows, gradients, motion ─────────────────
 * Three-step shadow scale, hairline-tight. The rainbow gradients replace
 * v1's single "Max gradient" — reserved for the logo, the Max mode-pill,
 * the rainbow-border composer, and streaming "searching/analyzing" text.
 * ------------------------------------------------------------------- */
:root {
  /* ── Shadows (3 steps) ─────────────────────────────────────── */
  --shadow-1: 0 1px 0 rgba(10,10,11,0.04), 0 1px 2px rgba(10,10,11,0.04);
  --shadow-2: 0 8px 24px -8px rgba(10,10,11,0.12), 0 2px 6px rgba(10,10,11,0.04);
  --shadow-3: 0 24px 48px -16px rgba(10,10,11,0.24);
  /* aliases */
  --shadow-card: var(--shadow-1);
  --shadow-pop: var(--shadow-2);
  --shadow-float: var(--shadow-3);

  /* ── Rainbow gradients (brand-only surfaces) ───────────────── */
  --grad-rainbow: linear-gradient(90deg,
    #2C7BFF 0%, #1FB9A0 22%, #4FCB57 42%, #F2C82F 62%, #FF6A1A 82%, #E83A6A 100%); /* @kind color */
  --grad-rainbow-d: linear-gradient(135deg,
    #2C7BFF 0%, #1FB9A0 22%, #4FCB57 42%, #F2C82F 62%, #FF6A1A 82%, #E83A6A 100%); /* @kind color */
  /* Soft multi-radial wash — Max sparkle/label fill, composer rainbow border */
  --grad-rainbow-soft:
    radial-gradient(130% 150% at 8% 68%, rgba(80, 255, 247, 0.32) 0%, rgba(149, 255, 250, 0) 54%),
    radial-gradient(138% 165% at 64% 100%, rgba(72, 126, 242, 0.45) 0%, rgba(142, 178, 255, 0) 56%),
    radial-gradient(122% 150% at 100% 0%, rgba(151, 81, 255, 0.5) 0%, rgba(179, 128, 255, 0.26) 35%, rgba(207, 175, 255, 0) 72%),
    radial-gradient(122% 150% at 5% 6%, rgba(255, 130, 103, 0.52) 0%, rgba(255, 167, 148, 0.28) 38%, rgba(255, 204, 193, 0) 74%),
    linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 100%); /* @kind color */

  /* ── Motion ────────────────────────────────────────────────── */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in: cubic-bezier(0.4, 0, 1, 1); /* @kind other */
  --dur-fast: 140ms;   /* @kind other */
  --dur-base: 200ms;   /* @kind other */
  --dur-slow: 360ms;   /* @kind other */

  /* ── v1 compat aliases ─────────────────────────────────────── */
  --shadow-accent: 0 4px 18px var(--accent-soft);
  --shadow-inset-field: inset 0 1px 2px 0 rgba(10,10,11,0.10);
  --ease-out-quint: var(--ease-out);
  --gradient-max: var(--grad-rainbow);
}