/* ============================================================
   Manya Khanna — Elevation, shadow, motion & effects
   Shadows are soft, warm-tinted and low-contrast — never harsh.
   Motion is calm: gentle fades and unhurried easing. No bounce.
   ============================================================ */

:root {
  /* ---- Shadows (warm teal-tinted, diffuse) --------------- */
  --shadow-xs: 0 1px 2px rgba(42, 40, 35, 0.05);
  --shadow-sm: 0 2px 8px rgba(42, 40, 35, 0.06);
  --shadow-md: 0 8px 24px rgba(36, 60, 72, 0.08);
  --shadow-lg: 0 18px 48px rgba(36, 60, 72, 0.12);
  --shadow-xl: 0 30px 80px rgba(28, 58, 72, 0.16);
  /* On-cream lifted card: soft + a hairline of warmth */
  --shadow-card: 0 1px 2px rgba(42, 40, 35, 0.04), 0 12px 32px rgba(36, 60, 72, 0.07);
  --shadow-focus: 0 0 0 3px var(--ring);
  --shadow-inset: inset 0 1px 2px rgba(42, 40, 35, 0.06);

  /* ---- Motion -------------------------------------------- */
  --ease-calm: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */ /* default settle */
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --duration-fast: 140ms; /* @kind other */
  --duration-base: 240ms; /* @kind other */
  --duration-slow: 420ms; /* @kind other */
  --duration-slower: 720ms; /* @kind other */

  /* ---- Blur / glass -------------------------------------- */
  --blur-sm: 6px;
  --blur-md: 14px;
  --blur-lg: 28px;
  --glass-cream: rgba(251, 248, 236, 0.72);
  --glass-teal: rgba(45, 90, 111, 0.55);

  /* ---- Gradients (subtle, atmospheric) ------------------- */
  --gradient-cream: linear-gradient(180deg, #FEFCF4 0%, #FBF8EC 100%); /* @kind color */
  --gradient-teal: linear-gradient(160deg, #234B5D 0%, #16313D 100%); /* @kind color */
  --gradient-dawn: linear-gradient(165deg, #DDE8ED 0%, #FBF8EC 60%, #F4EFDF 100%); /* @kind color */
  --gradient-veil: linear-gradient(180deg, rgba(28,58,72,0) 0%, rgba(28,58,72,0.55) 100%); /* @kind color */
}