/* Fidget + Gridsmith — Elevation tokens
   Shadows are deep and soft (near-black on near-black). Interactive accent
   elements add a colored red glow on hover. */
:root{
  --shadow-1: 0 1px 3px rgba(0,0,0,.5);                                  /* handles, tiny chips */
  --shadow-2: 0 8px 12px 6px rgba(0,0,0,.34), 0 4px 6px rgba(0,0,0,.5);  /* floating panels */
  --shadow-card: 0 26px 50px -22px rgba(0,0,0,.8);                        /* raised card / hover */
  --shadow-hero: 0 40px 80px -28px rgba(0,0,0,.85), 0 10px 22px rgba(0,0,0,.5); /* hero mock */
  --glow-accent: 0 10px 28px -8px rgba(228,65,37,.6);                    /* accent button hover */
  --glow-accent-sm: 0 4px 12px -2px rgba(228,65,37,.5);                  /* accent chip */
}