/* ------------------------------------------------------------------ */
/*  Unexis — Effects: shadows, glows, motion, textures                 */
/* ------------------------------------------------------------------ */
:root {
  /* Shadows — soft inset highlight + deep drop */
  --shadow-card: 0 1px 0 rgba(255,255,255,0.04) inset,
                 0 24px 48px -20px rgba(0,0,0,0.6);
  --shadow-btn:  0 8px 24px -8px rgba(37, 72, 255, 0.6),
                 0 0 0 1px rgba(120,150,255,0.18) inset;
  --shadow-btn-h: 0 12px 30px -8px rgba(74, 107, 255, 0.7),
                  0 0 0 1px rgba(160,180,255,0.3) inset;
  --shadow-modal: 0 30px 80px -20px rgba(0,0,0,0.7);

  /* Drop-shadow used on floating product imagery */
  --glow-img:    drop-shadow(0 30px 60px rgba(37, 72, 255, 0.45));  /* @kind shadow */

  /* Blur values (backdrop / glass) */
  --blur-glass:  blur(14px);   /* @kind other */
  --blur-deep:   blur(20px);   /* @kind other */
  --blur-soft:   blur(8px);    /* @kind other */

  /* Motion */
  --ease:        cubic-bezier(.2, .7, .2, 1);  /* @kind other */
  --dur-fast:    .2s;   /* @kind other */
  --dur:         .35s;  /* @kind other */
  --dur-slow:    .55s;  /* @kind other */

  /* Reusable gradients */
  --grad-brand:    linear-gradient(135deg, var(--brand) 0%, var(--brand-soft) 100%);  /* @kind color */
  --grad-text-hi:  linear-gradient(180deg, #ffffff 0%, #c8d0ff 70%, #7787c8 100%);    /* @kind color */
  --grad-text-num: linear-gradient(180deg, #ffffff 0%, #6a83ff 100%);                 /* @kind color */
  --grad-text-em:  linear-gradient(120deg, #4a6bff 0%, #6ad0ff 60%, #b2c7ff 100%);    /* @kind color */

  /* Grid texture (faint blueprint lines) */
  --grid-line:   rgba(120,140,220,0.05);  /* @kind color */
}