/* MAIDO! AI LABO — Radii, shadows, motion */
:root{
  /* Corner radii — everything is soft & rounded */
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:18px; --r-xl:24px; --r-2xl:32px; --r-pill:999px;

  /* Soft, blue-tinted shadows (no harsh dark shadows on the cards) */
  --shadow-xs:0 1px 2px rgba(74,159,212,.12);
  --shadow-sm:0 2px 8px rgba(74,159,212,.14);
  --shadow-md:0 6px 18px rgba(74,159,212,.16);
  --shadow-lg:0 14px 34px rgba(52,110,160,.18);
  --shadow-card:0 4px 16px rgba(74,159,212,.15);
  --shadow-focus:0 0 0 3px rgba(109,180,223,.45);

  /* Motion — gentle, friendly easing */
  --ease-soft:cubic-bezier(.34,1.2,.4,1); /* @kind other */
  --ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur:200ms; /* @kind other */
  --dur-slow:320ms; /* @kind other */

  /* Dotted background pattern from the cards */
  --dot-pattern:radial-gradient(rgba(109,180,223,.18) 1.4px,transparent 1.4px); /* @kind other */
  --dot-size:16px 16px; /* @kind other */
}