/* ============================================================
   PROPHET · EFFECTS  — radii, borders, shadows, blur, motion
   Matte & tactile: soft double shadows (raised) and inset wells.
   ============================================================ */
:root {
  /* Corner radii — generous, soft */
  --radius-xs:  4px;
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-xl:  22px;
  --radius-2xl: 30px;
  --radius-pill:999px;
  --radius-card: var(--radius-lg);

  /* Border widths */
  --border-w:   1px;
  --border-w-2: 2px;

  /* Shadows — RAISED (elements that sit above the surface) */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 14px rgba(0,0,0,0.45), 0 1px 2px rgba(0,0,0,0.4);
  --shadow-lg: 0 12px 36px rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.4);
  --shadow-xl: 0 28px 70px rgba(0,0,0,0.55), 0 6px 16px rgba(0,0,0,0.4);

  /* Gold glow — the "prophecy" halo, used sparingly on primary actions */
  --glow-gold:   0 0 0 1px rgba(240,177,90,0.35), 0 8px 28px rgba(229,162,63,0.28);
  --glow-gold-sm:0 0 0 1px rgba(240,177,90,0.30), 0 4px 14px rgba(229,162,63,0.22);

  /* Inset WELL — recessed inputs, tracks, meters */
  --shadow-well:    inset 0 1px 2px rgba(0,0,0,0.6), inset 0 0 0 1px rgba(0,0,0,0.25);
  --shadow-well-lg: inset 0 2px 6px rgba(0,0,0,0.65);

  /* Top gleam — a 1px warm highlight on raised card tops */
  --gleam-top: inset 0 1px 0 rgba(253,228,144,0.10); /* @kind shadow */

  /* Focus ring */
  --ring-w: 3px;
  --focus-ring: 0 0 0 var(--ring-w) var(--ring);

  /* Blur (backdrop) — used only on sticky overlays / scrims */
  --blur-sm: 6px;
  --blur-md: 14px;

  /* Motion */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-soft:  cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */
  --transition: var(--dur-base) var(--ease-out); /* @kind other */
}