/* ─── GRAVELNDAR Effects Tokens ──────────────────────────────────────────── */

:root {
  /* ── Border radius ── */
  --radius-none:  0;
  --radius-sm:    4px;
  --radius-md:    8px;
  --radius-lg:    16px;
  --radius-pill:  9999px;

  /* ── Shadows ── */
  --shadow-sm:   0 1px 3px rgba(18, 8, 6, 0.12), 0 1px 2px rgba(18, 8, 6, 0.08);
  --shadow-md:   0 4px 16px rgba(18, 8, 6, 0.14), 0 2px 6px rgba(18, 8, 6, 0.08);
  --shadow-lg:   0 12px 40px rgba(18, 8, 6, 0.18), 0 4px 12px rgba(18, 8, 6, 0.10);
  --shadow-xl:   0 24px 80px rgba(18, 8, 6, 0.22), 0 8px 24px rgba(18, 8, 6, 0.12);
  --shadow-inset: inset 0 1px 3px rgba(18, 8, 6, 0.15);

  /* ── Transitions ── */
  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);  /* @kind other */
  --ease-in:      cubic-bezier(0.7, 0, 1, 0.84);  /* @kind other */
  --ease-in-out:  cubic-bezier(0.76, 0, 0.24, 1);  /* @kind other */
  --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);  /* @kind other */

  --duration-fast:   120ms;  /* @kind other */
  --duration-normal: 220ms;  /* @kind other */
  --duration-slow:   380ms;  /* @kind other */

  /* ── Blur ── */
  --blur-sm:  blur(4px);  /* @kind other */
  --blur-md:  blur(12px);  /* @kind other */
  --blur-lg:  blur(24px);  /* @kind other */

  /* ── Semantic overlay ── */
  --overlay-dark:  rgba(18, 8, 6, 0.55);  /* @kind color */
  --overlay-black: rgba(18, 8, 6, 0.78);  /* @kind color */

  /* ── Z-index ── */
  --z-base:    0;  /* @kind other */
  --z-raised:  10;  /* @kind other */
  --z-overlay: 100;  /* @kind other */
  --z-modal:   200;  /* @kind other */
  --z-top:     300;  /* @kind other */
}