/* frex.digital — Effects: shadows, glows, blur, motion
   On dark, depth comes from glow + subtle borders, not heavy drop shadows. */

:root {
  /* Elevation (soft, cool dark shadows) */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 10px 30px -10px rgba(0,0,0,0.55);
  --shadow-lg: 0 30px 70px -24px rgba(0,0,0,0.7);

  /* Brand glows — the signature luxury accent */
  --glow-orange: 0 0 40px -6px rgba(254,152,0,0.5);
  --glow-orange-sm: 0 0 22px -4px rgba(254,152,0,0.45);
  --glow-red: 0 0 40px -6px rgba(203,0,0,0.5);
  --glow-card-hover: 0 24px 60px -20px rgba(254,152,0,0.30);

  /* Inner sheen for glass surfaces */
  --inset-top: inset 0 1px 0 rgba(255,255,255,0.06); /* @kind shadow */

  /* Glass / blur */
  --blur-glass: saturate(140%) blur(14px); /* @kind other */

  /* Motion — smooth, premium easing */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast: 0.18s; /* @kind other */
  --dur-base: 0.32s; /* @kind other */
  --dur-slow: 0.6s; /* @kind other */
  --dur-reveal: 0.9s; /* @kind other */
}