/* ===========================================================================
   CSW Innovative Solutions — Radius, elevation & motion tokens
   ---------------------------------------------------------------------------
   Corners: moderate, engineered — not pill-soft, not sharp. Cards 14px.
   Shadows: cool navy-tinted, low-spread; surfaces float gently, never heavy.
   Motion : quick, confident easing; fades and small lifts, no bounce.
   =========================================================================== */

:root {
  /* ---- Radius ---------------------------------------------------------- */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   10px;   /* buttons, inputs, badges                          */
  --radius-lg:   14px;   /* cards                                            */
  --radius-xl:   20px;   /* feature panels, modals                           */
  --radius-2xl:  28px;
  --radius-pill: 999px;  /* tags, status pills, avatars                      */

  /* ---- Elevation (cool navy-tinted) ------------------------------------ */
  --shadow-xs:  0 1px 2px rgba(10, 18, 34, 0.06);
  --shadow-sm:  0 1px 2px rgba(10, 18, 34, 0.06), 0 2px 6px rgba(10, 18, 34, 0.06);
  --shadow-md:  0 2px 4px rgba(10, 18, 34, 0.05), 0 6px 16px rgba(10, 18, 34, 0.08);
  --shadow-lg:  0 8px 24px rgba(10, 18, 34, 0.10), 0 2px 6px rgba(10, 18, 34, 0.06);
  --shadow-xl:  0 18px 48px rgba(10, 18, 34, 0.16), 0 4px 12px rgba(10, 18, 34, 0.08);
  --shadow-brand: 0 10px 28px rgba(11, 99, 229, 0.26);
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.6);

  /* Ring used on dark surfaces */
  --shadow-dark-card: 0 12px 36px rgba(0, 0, 0, 0.45);

  /* ---- Motion ---------------------------------------------------------- */
  --ease-standard: cubic-bezier(0.2, 0, 0.2, 1); /* @kind other */
  --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 */
  --ease-emphasis: cubic-bezier(0.34, 1.2, 0.64, 1); /* @kind other */

  --dur-instant: 80ms; /* @kind other */
  --dur-fast:    140ms; /* @kind other */
  --dur-base:    220ms; /* @kind other */
  --dur-slow:    360ms; /* @kind other */
  --dur-slower:  560ms; /* @kind other */

  --transition-control: color var(--dur-fast) var(--ease-standard),
                        background-color var(--dur-fast) var(--ease-standard),
                        border-color var(--dur-fast) var(--ease-standard),
                        box-shadow var(--dur-fast) var(--ease-standard),
                        transform var(--dur-fast) var(--ease-standard); /* @kind other */
}