/* ValleyUnit Effects Tokens
   Border radius, shadows, transitions, z-index, easing curves. */

:root {
  /* -- Border radius -- */
  --radius-xs:    4px;
  --radius-sm:    8px;
  --radius:       12px;
  --radius-md:    14px;
  --radius-lg:    16px;
  --radius-xl:    20px;
  --radius-pill:  999px;

  /* -- Shadows (light surfaces) -- */
  --shadow-xs:      0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-sm:      0 2px 6px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md:      0 6px 16px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
  --shadow-lg:      0 12px 28px rgba(0, 0, 0, 0.10), 0 4px 10px rgba(0, 0, 0, 0.06);
  --shadow-xl:      0 20px 60px rgba(0, 0, 0, 0.12);
  --shadow-accent:  0 6px 20px var(--accent-glow);
  --shadow-accent-lg: 0 8px 32px var(--accent-glow-strong);
  --shadow-glow:    0 0 0 3px var(--accent-glow);
  --shadow-ring:    0 0 0 3px var(--accent-subtle);

  /* -- Shadows (dark surfaces) -- */
  --shadow-dark-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-dark-md: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-dark-lg: 0 16px 48px rgba(0, 0, 0, 0.5);

  /* -- Easing -- */
  --ease-out:       cubic-bezier(0.16, 1, 0.3, 1);
  --ease-std:       cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring:    cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth:    cubic-bezier(0.25, 0.1, 0.25, 1);

  /* -- Durations -- */
  --dur-fast:   0.15s;
  --dur-base:   0.2s;
  --dur-slow:   0.3s;
  --dur-reveal: 0.8s;
  --dur-hero:   1.2s;

  /* -- Transition shorthands -- */
  --transition-fast:    var(--dur-fast) ease;
  --transition-base:    var(--dur-base) var(--ease-std);
  --transition-spring:  var(--dur-slow) var(--ease-out);

  /* -- Z-index -- */
  --z-behind:    -1;
  --z-base:       0;
  --z-raised:     1;
  --z-dropdown:  10;
  --z-sticky:    50;
  --z-nav:      100;
  --z-overlay:  200;
}