/* ============================================================
   Mera Sunaar — Radii, shadows, motion
   ============================================================ */
:root {
  /* Corner radii */
  --radius-xs: 10px;
  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  /* Elevation — warm-tinted shadows */
  --shadow-sm: 0 10px 30px rgba(30, 15, 35, 0.06);
  --shadow-md: 0 20px 50px rgba(30, 15, 35, 0.10);
  --shadow-lg: 0 30px 70px rgba(30, 15, 35, 0.14);
  --shadow-primary: 0 16px 30px rgba(255, 90, 141, 0.25);
  --shadow-primary-hover: 0 20px 40px rgba(255, 90, 141, 0.34);
  --shadow-gold: 0 16px 34px rgba(217, 138, 19, 0.24);

  /* Glassmorphism (sticky header, floating chips) */
  --glass-bg: rgba(255, 249, 246, 0.82); /* @kind color */
  --glass-blur: blur(14px); /* @kind other */

  /* Motion */
  --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-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast: 0.18s; /* @kind other */
  --dur: 0.25s; /* @kind other */
  --dur-slow: 0.5s; /* @kind other */
  --dur-slower: 0.8s; /* @kind other */

  --transition: var(--dur) var(--ease-out); /* @kind other */
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}