/* GetNetwork — Effects Tokens (Radius, Shadow, Blur, Motion) */
:root {
  /* ── Border Radii ───────────────────────────────── */
  --radius-xs:       4px;
  --radius-sm:       8px;
  --radius-md:       12px;
  --radius-lg:       16px;
  --radius-xl:       20px;
  --radius-2xl:      24px;
  --radius-3xl:      28px;
  --radius-app-icon: 22px;   /* iOS-style rounded square icon */
  --radius-full:     9999px; /* Pill / circle */

  /* ── Shadows ────────────────────────────────────── */
  --shadow-xs:       0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-sm:       0 1px 4px rgba(0, 0, 0, 0.45);
  --shadow-md:       0 4px 12px rgba(0, 0, 0, 0.55);
  --shadow-lg:       0 8px 24px rgba(0, 0, 0, 0.65);
  --shadow-xl:       0 16px 48px rgba(0, 0, 0, 0.75);

  /* Brand glow shadows */
  --shadow-brand:    0 4px 20px rgba(123, 92, 245, 0.30);
  --shadow-brand-lg: 0 8px 36px rgba(123, 92, 245, 0.45);
  --shadow-hot:      0 4px 16px rgba(229, 58, 58, 0.35);
  --shadow-warm:     0 4px 16px rgba(217, 112, 32, 0.35);
  --shadow-cold:     0 4px 16px rgba(59, 125, 245, 0.35);

  /* ── Blur ───────────────────────────────────────── */
  --blur-xs:         blur(4px);  /* @kind other */
  --blur-sm:         blur(8px);  /* @kind other */
  --blur-md:         blur(16px); /* @kind other */
  --blur-lg:         blur(24px); /* @kind other */
  --blur-glass:      blur(20px); /* @kind other */
  --blur-overlay:    blur(40px); /* @kind other */

  /* ── Transitions / Motion ───────────────────────── */
  --duration-instant:  80ms;  /* @kind other */
  --duration-fast:     150ms; /* @kind other */
  --duration-normal:   250ms; /* @kind other */
  --duration-slow:     400ms; /* @kind other */
  --duration-slower:   600ms; /* @kind other */

  --ease-default:    cubic-bezier(0.4, 0, 0.2, 1);   /* @kind other */
  --ease-in:         cubic-bezier(0.4, 0, 1, 1);     /* @kind other */
  --ease-out:        cubic-bezier(0, 0, 0.2, 1);     /* @kind other */
  --ease-spring:     cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --ease-bounce:     cubic-bezier(0.68, -0.55, 0.27, 1.55); /* @kind other */

  /* ── Opacity ────────────────────────────────────── */
  --opacity-disabled:  0.38; /* @kind other */
  --opacity-muted:     0.55; /* @kind other */
  --opacity-subtle:    0.70; /* @kind other */

  /* ── Z-Index ────────────────────────────────────── */
  --z-base:      0;   /* @kind other */
  --z-above:     10;  /* @kind other */
  --z-overlay:   100; /* @kind other */
  --z-modal:     200; /* @kind other */
  --z-toast:     300; /* @kind other */
  --z-tooltip:   400; /* @kind other */
}