/* ================================================================
   JEWEL CASE — CSS custom properties
   Reference this from any game: <link rel="stylesheet" href="../../themes/jewel-case.css">
   ================================================================ */
:root {
  /* Palette */
  --ruby:     #ff3b6f;
  --topaz:    #2dd4ff;
  --amber:    #ffb627;
  --emerald:  #2dffaa;
  --amethyst: #a855ff;
  --sunstone: #ff6b3d; /* reserved — power-ups only */

  /* Soft glow variants (~40% opacity) */
  --ruby-soft:     rgba(255,  59, 111, 0.4);
  --topaz-soft:    rgba( 45, 212, 255, 0.4);
  --amber-soft:    rgba(255, 182,  39, 0.4);
  --emerald-soft:  rgba( 45, 255, 170, 0.4);
  --amethyst-soft: rgba(168,  85, 255, 0.4);
  --sunstone-soft: rgba(255, 107,  61, 0.4);

  /* Background */
  --bg-1: #0f0f12;
  --bg-2: #1a1a20;
  --bg-3: #222228;
}