/* ============================================================
   inmind Marketing — RADII, SHADOWS, MOTION
   The brand mark is fully rounded — radii run generous and soft.
   Shadows are cool/indigo-tinted, never harsh black.
   ============================================================ */
:root {
  /* ---- Corner radii ---- */
  --radius-xs:  6px;
  --radius-sm:  10px;
  --radius-md:  14px;
  --radius-lg:  20px;
  --radius-xl:  28px;
  --radius-2xl: 36px;
  --radius-pill: 999px;   /* buttons, chips — the brand default */
  --radius-card: var(--radius-xl);

  /* ---- Elevation (cool-tinted, soft) ---- */
  --shadow-xs: 0 1px 2px rgba(14, 19, 32, 0.06);
  --shadow-sm: 0 2px 6px -1px rgba(14, 19, 32, 0.08);
  --shadow-md: 0 8px 20px -6px rgba(14, 19, 32, 0.12);
  --shadow-lg: 0 20px 44px -14px rgba(14, 19, 32, 0.18);
  --shadow-xl: 0 32px 64px -20px rgba(14, 19, 32, 0.22);
  /* Coloured glow for CTAs / brand cards */
  --shadow-brand: 0 18px 42px -14px rgba(46, 49, 146, 0.45);
  --shadow-accent: 0 16px 38px -14px rgba(0, 174, 239, 0.42);

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

  /* ---- Motion ---- */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  /* gentle bounce */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   240ms; /* @kind other */
  --dur-slow:   420ms; /* @kind other */

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