/* ============================================
   CURIOSO — RADII, SHADOWS, GLOW, MOTION
   ============================================ */
:root {
  /* Corner radii — friendly, generous rounding everywhere */
  --radius-card: 24px;      /* collectible-card & panel rounding */
  --radius-tile: 20px;
  --radius-button: 16px;
  --radius-input: 14px;
  --radius-pill: 999px;

  /* Shadows & glows */
  --shadow-card: 0 12px 32px rgba(5, 4, 14, 0.55);
  --shadow-raise: 0 6px 18px rgba(5, 4, 14, 0.45);
  --glow-gold: 0 0 18px rgba(245, 198, 91, 0.45);
  --glow-gold-strong: 0 0 28px rgba(245, 198, 91, 0.65), 0 0 60px rgba(245, 198, 91, 0.25);
  --glow-violet: 0 0 20px rgba(139, 107, 240, 0.5);
  --focus-ring: 0 0 0 3px #0a0a14, 0 0 0 6px var(--gold-400);

  /* Foil frame widths */
  --foil-border: 2px;
  --foil-border-thick: 3px;

  /* Motion — springy delight, short durations */
  --ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */ /* overshoot bounce */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --dur-fast: 150ms; /* @kind other */
  --dur-med: 260ms; /* @kind other */
  --dur-slow: 450ms; /* @kind other */
}