/* ============================================================
   PARKNHA — RADII, SHADOWS, BORDERS, MOTION
   "Most edges are curved" (brand guidelines). Pills & soft cards rule.
   ============================================================ */

:root {
  /* Radii — curved everything; pill is the signature */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   16px;  /* default cards / inputs */
  --radius-lg:   24px;  /* large cards / sheets */
  --radius-xl:   32px;
  --radius-pill: 999px; /* buttons, chips, the VALET badge */
  --radius-circle: 50%; /* the dot */

  /* Shadows — soft, low-contrast, warm. No harsh drop shadows. */
  --shadow-xs: 0 1px 2px rgba(30, 42, 42, 0.06);
  --shadow-sm: 0 2px 8px rgba(30, 42, 42, 0.08);
  --shadow-md: 0 6px 18px rgba(30, 42, 42, 0.10);
  --shadow-lg: 0 14px 36px rgba(30, 42, 42, 0.14);
  --shadow-teal: 0 10px 28px rgba(42, 115, 115, 0.22);
  --shadow-orange: 0 8px 22px rgba(220, 95, 44, 0.28);

  /* Borders */
  --border-w:   1.5px; /* @kind other */
  --border-w-2: 2.5px; /* @kind other */

  /* Motion — speed & ease (the squiggle). Quick, soft, never bouncy-harsh. */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in:       cubic-bezier(0.4, 0, 1, 1);    /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-normal: 220ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */

  /* Press feedback — gentle scale-down (the "dot"/button press metaphor) */
  --press-scale: 0.97; /* @kind other */

  /* Blur — used sparingly on overlays/sheets */
  --blur-overlay: blur(8px); /* @kind other */
  --scrim: rgba(15, 56, 56, 0.42); /* @kind color */
}