/* ============================================================
   EaseMotion CSS — variables.css
   Design Tokens: the single source of truth for all values
   ============================================================ */

:root {

  /* ── Transition Speeds ─────────────────────────────────── */
  --ease-speed-fast:    150ms;
  --ease-speed-medium:  300ms;
  --ease-speed-slow:    600ms;

  --ease-ease:          cubic-bezier(0.4, 0, 0.2, 1);   /* smooth ease-in-out */
  --ease-ease-out:      cubic-bezier(0, 0, 0.2, 1);
  --ease-ease-bounce:   cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Color Palette ─────────────────────────────────────── */
  --ease-color-primary:       #6c63ff;
  --ease-color-primary-light: #a09af8;
  --ease-color-primary-dark:  #4b44cc;

  --ease-color-success:       #22c55e;
  --ease-color-success-light: #86efac;
  --ease-color-success-dark:  #15803d;

  --ease-color-danger:        #ef4444;
  --ease-color-danger-light:  #fca5a5;
  --ease-color-danger-dark:   #b91c1c;

  --ease-color-warning:       #f59e0b;
  --ease-color-warning-light: #fcd34d;
  --ease-color-warning-dark:  #b45309;

  --ease-color-neutral-50:  #f8fafc;
  --ease-color-neutral-100: #f1f5f9;
  --ease-color-neutral-200: #e2e8f0;
  --ease-color-neutral-300: #cbd5e1;
  --ease-color-neutral-400: #94a3b8;
  --ease-color-neutral-500: #64748b;
  --ease-color-neutral-600: #475569;
  --ease-color-neutral-700: #334155;
  --ease-color-neutral-800: #1e293b;
  --ease-color-neutral-900: #0f172a;

  --ease-color-bg:      var(--ease-color-neutral-50);
  --ease-color-surface: #ffffff;
  --ease-color-text:    var(--ease-color-neutral-800);
  --ease-color-muted:   var(--ease-color-neutral-500);

  /* ── Spacing Scale ─────────────────────────────────────── */
  --ease-space-1:  0.25rem;   /*  4px */
  --ease-space-2:  0.5rem;    /*  8px */
  --ease-space-3:  0.75rem;   /* 12px */
  --ease-space-4:  1rem;      /* 16px */
  --ease-space-5:  1.25rem;   /* 20px */
  --ease-space-6:  1.5rem;    /* 24px */
  --ease-space-8:  2rem;      /* 32px */
  --ease-space-10: 2.5rem;    /* 40px */
  --ease-space-12: 3rem;      /* 48px */
  --ease-space-16: 4rem;      /* 64px */

  /* ── Border Radius ─────────────────────────────────────── */
  --ease-radius-sm:   0.25rem;
  --ease-radius-md:   0.5rem;
  --ease-radius-lg:   1rem;
  --ease-radius-xl:   1.5rem;
  --ease-radius-full: 9999px;

  /* ── Shadows ───────────────────────────────────────────── */
  --ease-shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.08),
                     0 1px 2px rgba(0, 0, 0, 0.05);
  --ease-shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.10),
                     0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --ease-shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.10),
                     0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --ease-shadow-xl:  0 20px 25px -5px rgba(0, 0, 0, 0.10),
                     0 10px 10px -5px rgba(0, 0, 0, 0.04);

  --ease-glow-primary: 0 0 16px rgba(108, 99, 255, 0.45);
  --ease-glow-success: 0 0 16px rgba(34, 197, 94, 0.45);
  --ease-glow-danger:  0 0 16px rgba(239, 68, 68, 0.45);

  /* ── Typography ────────────────────────────────────────── */
  --ease-font-sans:  'Inter', system-ui, -apple-system, sans-serif;
  --ease-font-mono:  'JetBrains Mono', 'Fira Code', monospace;

  --ease-text-xs:   0.75rem;
  --ease-text-sm:   0.875rem;
  --ease-text-base: 1rem;
  --ease-text-lg:   1.125rem;
  --ease-text-xl:   1.25rem;
  --ease-text-2xl:  1.5rem;
  --ease-text-3xl:  1.875rem;
  --ease-text-4xl:  2.25rem;

  --ease-leading-tight:  1.25;
  --ease-leading-normal: 1.6;
  --ease-leading-loose:  1.9;

  /* ── Z-Index Scale ─────────────────────────────────────── */
  --ease-z-base:    0;
  --ease-z-raised:  10;
  --ease-z-overlay: 100;
  --ease-z-modal:   1000;
  --ease-z-toast:   9999;
}