/* ============================================================
   Studio1 — Effects: shadows, glows, motion
   On dark surfaces, depth comes from soft black shadows +
   accent GLOWS on CTAs. Motion is snappy with a slight pop.
   ============================================================ */

:root {
  /* ---- Elevation (soft, on dark) ---- */
  --shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md:  0 6px 20px rgba(0, 0, 0, 0.45);
  --shadow-lg:  0 18px 48px rgba(0, 0, 0, 0.55);
  --shadow-xl:  0 32px 80px rgba(0, 0, 0, 0.6);

  /* ---- Accent glows (the brand's signature on CTAs/cards) ---- */
  --glow-fuchsia:    0 10px 40px rgba(237, 36, 87, 0.38);
  --glow-fuchsia-sm: 0 4px 18px rgba(237, 36, 87, 0.42);
  --glow-lime:       0 10px 40px rgba(208, 235, 111, 0.30);
  --glow-lime-sm:    0 4px 18px rgba(208, 235, 111, 0.35);

  /* ---- Inset / hairline sheen for raised dark cards ---- */
  --inset-top: inset 0 1px 0 rgba(255, 255, 255, 0.06);

  /* ---- Gradients ---- */
  --grad-fuchsia: linear-gradient(135deg, #ED2457 0%, #FF4E7A 100%); /* @kind color */
  --grad-lime:    linear-gradient(135deg, #D0EB6F 0%, #B8D152 100%); /* @kind color */
  --grad-mix:     linear-gradient(120deg, #ED2457 0%, #D0EB6F 130%); /* @kind color */
  --grad-ink:     linear-gradient(180deg, #121215 0%, #050506 100%); /* @kind color */
  --grad-spotlight: radial-gradient(60% 80% at 50% 0%, rgba(237,36,87,0.20) 0%, rgba(5,5,6,0) 70%); /* @kind color */

  /* ---- Motion: easing ---- */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);    /* @kind other */ /* default — reveals + UI */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);    /* @kind other */ /* loops / marquees */
  --ease-pop:    cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */ /* press micro-interaction */

  /* ---- Motion: duration (canonical) ---- */
  --duration-fast: 200ms; /* @kind other */
  --duration-base: 350ms; /* @kind other */
  --duration-slow: 600ms; /* @kind other */

  /* legacy aliases — unified onto the canonical scale */
  --dur-fast:   var(--duration-fast); /* @kind other */
  --dur-base:   var(--duration-base); /* @kind other */
  --dur-slow:   var(--duration-slow); /* @kind other */

  /* ---- Interaction conventions ---- */
  --press-scale:      0.97;   /* @kind other */ /* button active */
  --hover-lift:       -2px;   /* @kind spacing */
  --card-hover-scale: 1.02;   /* @kind other */ /* card hover */
  --reveal-rise:      24px;   /* @kind spacing */ /* scroll-reveal translateY */
  --stagger-step:     80ms;   /* @kind other */ /* per grid/list item */
  --header-condense:  80px;   /* @kind spacing */ /* scroll dist before header shrinks */
}