/* ============================================================
   InsightLab — Radii, Shadows, Borders, Motion
   Calm, professional. Soft cool-tinted shadows; moderate radii.
   ============================================================ */

:root {
  /* --- Corner radii ----------------------------------------- */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   10px;   /* buttons, inputs, tags */
  --radius-lg:   14px;   /* cards */
  --radius-xl:   20px;   /* feature panels */
  --radius-2xl:  28px;   /* hero / large media */
  --radius-full: 999px;  /* pills, avatars */

  /* --- Borders ---------------------------------------------- */
  --border-width: 1px; /* @kind other */
  --border-width-strong: 2px; /* @kind other */

  /* --- Shadows (cool navy tint, not pure black) ------------- */
  --shadow-xs:  0 1px 2px rgba(14, 23, 38, 0.06);
  --shadow-sm:  0 1px 3px rgba(14, 23, 38, 0.08), 0 1px 2px rgba(14, 23, 38, 0.04);
  --shadow-md:  0 4px 12px rgba(14, 23, 38, 0.08), 0 2px 4px rgba(14, 23, 38, 0.04);
  --shadow-lg:  0 12px 28px rgba(14, 23, 38, 0.12), 0 4px 8px rgba(14, 23, 38, 0.05);
  --shadow-xl:  0 24px 56px rgba(14, 23, 38, 0.16), 0 8px 16px rgba(14, 23, 38, 0.06);
  --shadow-brand: 0 10px 28px rgba(0, 74, 173, 0.28);

  /* --- Focus ring ------------------------------------------- */
  --ring-width: 3px; /* @kind other */
  --ring-color: rgba(47, 107, 203, 0.4); /* @kind color */

  /* --- Motion ----------------------------------------------- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1.15); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --duration-fast:   120ms; /* @kind other */
  --duration-base:   200ms; /* @kind other */
  --duration-slow:   320ms; /* @kind other */

  /* --- Z-index --------------------------------------------- */
  --z-base:     1; /* @kind other */
  --z-sticky:   100; /* @kind other */
  --z-overlay:  900; /* @kind other */
  --z-modal:    1000; /* @kind other */
  --z-toast:    1100; /* @kind other */
}