:root{
  --shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);
  --shadow-md:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2);
  --shadow-xl:0 20px 25px -5px rgba(0,0,0,.5),0 8px 10px -6px rgba(0,0,0,.4);
  --shadow-modal:0 20px 50px rgba(0,0,0,.4);
  --shadow-glow:0 0 25px rgba(56,189,248,.15);
  --shadow-glow-cyan:0 0 14px rgba(56,189,248,.4);
  --shadow-glow-emerald:0 0 8px #10b981;
  --shadow-primary:0 2px 8px rgba(37,99,235,.3);
  --shadow-primary-hover:0 4px 14px rgba(37,99,235,.5);
  --shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.1);

  --blur-header:blur(16px); /* @kind other */
  --blur-glass:blur(20px); /* @kind other */
  --blur-scrim:blur(8px); /* @kind other */

  --ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
  --ease-decel:cubic-bezier(.16,1,.3,1); /* @kind other */
  --duration-fast:.2s; /* @kind other */
  --duration-card:.25s; /* @kind other */
  --duration-smooth:.35s; /* @kind other */
  --transition-control:all .2s ease; /* @kind other */
  --transition-card:all .25s cubic-bezier(.4,0,.2,1); /* @kind other */
  --transition-smooth:all .35s cubic-bezier(.16,1,.3,1); /* @kind other */

  --lift-hover:translateY(-2px); /* @kind other */
  --lift-card-hover:translateY(-3px); /* @kind other */
  --lift-button-hover:translateY(-1px); /* @kind other */
}