/* ============================================================
   Genesis Education Solutions — Effects Tokens
   Radius, shadows, transitions, z-index
   ============================================================ */

:root {
  /* ── Border Radius ──────────────────────────────────────── */
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  24px;
  --radius-3xl:  32px;
  --radius-full: 9999px;

  /* ── Shadows ────────────────────────────────────────────── */
  --shadow-xs:  0 1px 2px 0 rgba(50, 50, 50, 0.05);
  --shadow-sm:  0 2px 4px 0 rgba(50, 50, 50, 0.07);
  --shadow-md:  0 4px 12px -2px rgba(50, 50, 50, 0.10),
                0 2px 4px -1px rgba(50, 50, 50, 0.06);
  --shadow-lg:  0 10px 24px -4px rgba(50, 50, 50, 0.12),
                0 4px 8px  -2px rgba(50, 50, 50, 0.06);
  --shadow-xl:  0 20px 40px -8px rgba(50, 50, 50, 0.14),
                0 8px 16px -4px rgba(50, 50, 50, 0.07);
  --shadow-brand: 0 4px 16px -2px rgba(25, 150, 150, 0.30);
  --shadow-coral: 0 4px 16px -2px rgba(232, 102, 74, 0.28);

  /* ── Transitions ────────────────────────────────────────── */
  --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 */

  --duration-fast:    150ms; /* @kind other */
  --duration-base:    200ms; /* @kind other */
  --duration-slow:    300ms; /* @kind other */
  --duration-slower:  500ms; /* @kind other */

  --transition-fast:   var(--duration-fast)  var(--ease-default); /* @kind other */
  --transition-base:   var(--duration-base)  var(--ease-default); /* @kind other */
  --transition-slow:   var(--duration-slow)  var(--ease-default); /* @kind other */
  --transition-spring: var(--duration-slow)  var(--ease-spring); /* @kind other */

  /* ── Z-index scale ──────────────────────────────────────── */
  --z-base:     0; /* @kind other */
  --z-raised:   10; /* @kind other */
  --z-dropdown: 100; /* @kind other */
  --z-sticky:   200; /* @kind other */
  --z-overlay:  300; /* @kind other */
  --z-modal:    400; /* @kind other */
  --z-toast:    500; /* @kind other */
  --z-tooltip:  600; /* @kind other */
}