/* Crown Demo UI — Elevation, focus, motion
 * Restrained shadows; cards mostly defined by hairline borders. */
:root {
  --shadow-none: none;
  --shadow-card: 0 1px 2px rgba(15,27,45,0.06);
  --shadow-raised: 0 4px 12px rgba(15,27,45,0.10);
  --shadow-drawer: -8px 0 24px rgba(15,27,45,0.14);

  --focus-ring: 0 0 0 3px rgba(184,147,74,0.35);

  --dur-fast: 120ms;  /* @kind other */
  --dur: 180ms;       /* @kind other */
  --ease: cubic-bezier(0.2, 0, 0.2, 1);  /* @kind other */
}