/* ============================================================
   JITS Innovation Labs — Effects: radii, shadows, blur, motion
   Corners are rounded and generous (lg→3xl). Shadows are soft &
   diffuse; CTAs carry a colored glow. Dark sections use blurred
   radial gradient "blobs" + backdrop-blur glass.
   ============================================================ */
:root {
  /* Corner radii (Tailwind rounded-*) */
  --radius-sm:   0.375rem;  /* 6  — code chips */
  --radius-md:   0.5rem;    /* 8  — buttons, small inputs (rounded-lg) */
  --radius-lg:   0.75rem;   /* 12 — icon tiles, dropdowns (rounded-xl) */
  --radius-xl:   1rem;      /* 16 — cards (rounded-2xl) */
  --radius-2xl:  1.5rem;    /* 24 — feature panels (rounded-3xl) */
  --radius-full: 9999px;    /* pills, avatars */

  /* Shadows — soft, cool-tinted */
  --shadow-sm:  0 1px 2px 0 rgba(15, 23, 42, 0.05);
  --shadow-md:  0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.06);
  --shadow-lg:  0 10px 15px -3px rgba(15, 23, 42, 0.10), 0 4px 6px -4px rgba(15, 23, 42, 0.08);
  --shadow-xl:  0 20px 25px -5px rgba(15, 23, 42, 0.12), 0 8px 10px -6px rgba(15, 23, 42, 0.10);
  --shadow-2xl: 0 25px 50px -12px rgba(15, 23, 42, 0.25);

  /* Colored CTA glow */
  --shadow-emerald: 0 10px 20px -6px rgba(16, 185, 129, 0.35);
  --shadow-blue:    0 10px 20px -6px rgba(37, 99, 235, 0.30);

  /* Blur */
  --blur-glass: 12px;   /* backdrop-blur on navbar / glass cards */
  --blur-blob:  64px;   /* blur-3xl decorative gradient blobs */

  /* Motion — Framer-Motion feel: gentle fades + slight rise */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:   0.15s;  /* @kind other */
  --dur-base:   0.3s;   /* @kind other */
  --dur-slow:   0.6s;   /* @kind other */
  --dur-slower: 0.7s;   /* @kind other */

  /* Signature hover lifts */
  --hover-scale-sm: 1.05; /* @kind other */
  --hover-scale-md: 1.10; /* @kind other */
}