/* ===========================================================================
   ELEVATION & MOTION — Conecterra
   Shadows are soft and warm-tinted (cast from ink, never pure black-blue).
   Motion is calm and confident: short, eased, no bounce.
   =========================================================================== */

:root {
  /* Warm-tinted shadows (ink, low spread) */
  --shadow-xs: 0 1px 2px rgba(13, 13, 13, 0.06);
  --shadow-sm: 0 1px 3px rgba(13, 13, 13, 0.08), 0 1px 2px rgba(13, 13, 13, 0.05);
  --shadow-md: 0 4px 14px rgba(13, 13, 13, 0.08), 0 2px 4px rgba(13, 13, 13, 0.05);
  --shadow-lg: 0 14px 36px rgba(13, 13, 13, 0.12), 0 4px 10px rgba(13, 13, 13, 0.06);
  --shadow-xl: 0 28px 64px rgba(13, 13, 13, 0.18);

  /* Brand-tinted glow (use sparingly on primary CTAs) */
  --shadow-brand: 0 10px 26px rgba(167, 33, 27, 0.26);

  /* Hairline "card" border used with the shadow system */
  --ring-card: inset 0 0 0 1px rgba(13, 13, 13, 0.06); /* @kind shadow */

  /* Motion */
  --ease-standard: cubic-bezier(0.2, 0, 0.1, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in: cubic-bezier(0.5, 0, 0.9, 0.2); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 360ms; /* @kind other */
}